How to Create a Clickable Web Link on a JPG
To create a clickable image online, all you need is a JPG file and a website address (the URL). Just as you can add a link to any text on a web page or Word document, you can add a link to any image file, including JPGs, PNGs and GIFs.
Create Clickable Images Online
If you're creating a clickable image on your business website, a fast way to do it is to type the code yourself in HTML. There are two basic components to a linked image in HTML. First, you tell the browser where the image is located so that it can be displayed on the page. Second, you tell it what you want to happen when someone clicks the image.
Suppose you have an image on the website "example.com," and you want to send people to Google.com when they click on it. The basic HTML code would be:
<a href="https://google.com"><img src="https://example.com/files/photo.jpg"></a>
The first part of the code is the target link address. The middle part of the code describes the image source (img src) or image address. The third part (/a) closes the link. This tells the web browser three things:
- Here is an address. If someone clicks on anything after this address, go there. <a href="link">
- Here is an image to upload to the page. <img src=image>
- Close the link. Anything following this part isn't clickable. </a>
Adding Links to Images in Web Editors
If you're using a web editor like WordPress, you usually have a choice to type in the link code yourself or use the built-in tools to have it done automatically. Regardless of which editor you use, the buttons are nearly universal: There's an image button to upload an image and a link button to add a link.
Upload your image and then, while it is selected, click the "Link" button and type or paste the website address into the "Address" field. The editor automatically puts the hyperlink code around the image.
Most email programs, including Gmail and Mailchimp, have the same tools. Insert an image into the email you are going to send, select it, and then click the "Link" button in the email editor to attach your URL to the image.
Adding Hyperlinks to Images in Word
With Microsoft Word, you can create clickable images inside a Word document without writing the code yourself. Unlike a web page, Word embeds the image in the document; once it's there, you can immediately create a link. This is an easy three-step process:
- Insert the image into the document.
- Right-click the image and select "Link" from the drop-down menu.
- Type or paste the hyperlink address into the "Address" field.
Save the document and send it to someone. Word opens the page you specified when the recipient clicks on the image. The link stays intact even if you export the document to a PDF or HTML file.
Using Image URL Generators
As long as an image is visible to the public over the internet, you can share it with anyone. This includes images on Facebook or Twitter or in Google Photos or Google Drive, provided you made the files publicly visible by turning off the privacy protection.
A quick way to upload photos to the internet without using your own web server or social media account is to use an image URL generator like Imgbb. Simply upload your image, and once it's on the server, copy the URL.
A published author and professional speaker, David Weedmark has advised businesses on technology, media and marketing for more than 20 years. He has taught computer science at Algonquin College, has started three successful businesses, and has written hundreds of articles for newspapers and magazines and online publications including About.com, Re/Max and American Express.