4 Ways to Add a Link to a Picture

Download Article

Link your pictures using a variety of methods

Written by Anar Kazimov | Edited by Darlene Antonelli, MA

Last Updated: October 24, 2024 Fact Checked

Download Article

Using HTML

|

Adding Links to Images in Web Editors

|

Adding Hyperlinks to Images in Word

|

Using Social Media & Image Hosting Sites

|

Video

|

Expert Interview

|

Expert Q&A

Do you want to link to a picture in code or do you want someone to be able to click a picture to see a website? With a single line of HTML code or some settings, you can add a clickable image nearly anywhere! Since an image is often larger than text, it offers a larger clickable area (increasing the chances that someone will follow your link!). Adding links also plays a huge role in directing traffic to websites, making clickable images even more effective. This wikiHow article teaches you how to add a link to a picture with methods that you can use whether you're on a computer, phone, or tablet.

Things You Should Know

To make a picture a clickable link, use the HTML code: <a href="https://www.wikihow.com"><img src="full-path-to-image.jpg"></a>.
Web editors like WordPress and Wix as well as email programs and image platforms like Gmail and Canva have built-in functionality to add a link when you select your image.
In Word, right-click the picture and select "Link." Finally, add the URL and click "Ok."

Section 1 of 4:

Using HTML

Download Article

{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9d\/769114-1-1.jpg\/v4-460px-769114-1-1.jpg","bigUrl":"\/images\/thumb\/9\/9d\/769114-1-1.jpg\/v4-728px-769114-1-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>Image by: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by\/3.0\/\">Creative Commons<\/a>\n<\/p><\/div>"}
Enter the following code to make your image clickable. Select and copy the HTML code below, and then paste it into your open index.html file.
```
 < 
 a 
 href 
 = 
 "DESTINATION URL" 
 >< 
 img 
 src 
 = 
 "full-path-to-image.jpg" 
 ></ 
 a 
 > 
```

Section 2 of 4:

Adding Links to Images in Web Editors

Download Article

{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/59\/769114-2-1.jpg\/v4-460px-769114-2-1.jpg","bigUrl":"\/images\/thumb\/5\/59\/769114-2-1.jpg\/v4-728px-769114-2-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>Image by: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by\/3.0\/\">Creative Commons<\/a>\n<\/p><\/div>"}
Services like WordPress, Wix, Canva, and email programs like Gmail and Outlook have almost the same image functionality. There's a button when you're uploading an image to make it a link (it usually looks like an icon of a chain link).
- If you don't immediately see that link icon, click to select your image and it should be available near the text editing tools.

Section 3 of 4:

Adding Hyperlinks to Images in Word

Download Article

{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/83\/769114-3-1.jpg\/v4-460px-769114-3-1.jpg","bigUrl":"\/images\/thumb\/8\/83\/769114-3-1.jpg\/v4-728px-769114-3-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>Image by: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by\/3.0\/\">Creative Commons<\/a>\n<\/p><\/div>"}

To add an image , go to Insert > Pictures .
{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/03\/769114-4-1.jpg\/v4-460px-769114-4-1.jpg","bigUrl":"\/images\/thumb\/0\/03\/769114-4-1.jpg\/v4-728px-769114-4-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>Image by: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by\/3.0\/\">Creative Commons<\/a>\n<\/p><\/div>"}

2
Right-click the image and select Link . Further decide if you want the image to link to a website, a file on your computer, another location in the document, a new Word document, or to an email address.
- If you share this Word document and have this picture linked to a file on your computer, the other users may not be able to see the other file unless it's shared too.
- Since this article is about linking websites to a picture, you'll want to leave it on "Existing File or Web Page."
{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/769114-5-1.jpg\/v4-460px-769114-5-1.jpg","bigUrl":"\/images\/thumb\/6\/62\/769114-5-1.jpg\/v4-728px-769114-5-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>Image by: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by\/3.0\/\">Creative Commons<\/a>\n<\/p><\/div>"}

3
Enter the destination URL. Next to the "Address" field, enter the URL.
- Click OK to add the link to your image.
- When you share that Word document, anyone who clicks on that picture will be redirected to that link!
- You can also add videos to Google Docs and Slides as well as overlay pictures in Google Docs!

Section 4 of 4:

Using Social Media & Image Hosting Sites

Download Article

{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0f\/769114-6-1.jpg\/v4-460px-769114-6-1.jpg","bigUrl":"\/images\/thumb\/0\/0f\/769114-6-1.jpg\/v4-728px-769114-6-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>Image by: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by\/3.0\/\">Creative Commons<\/a>\n<\/p><\/div>"}
Most online platforms assign a link to a picture, so people can click it for a larger view. For example, if you upload a picture to Facebook , you can see a URL to that picture when you click it. Paste that address anywhere to link to your Facebook picture ( privacy settings might prevent random people from seeing your picture).
- This method works for uploading pictures to almost all online platforms including Flickr, Imgur, Facebook, Instagram, Google Drive, and Apple iCloud.
- Only use this method if you want to insert a link that redirects people to your picture on these sites. It's not a method for adding a link to a picture.

Expert Q&A

Search

Add New Question

Question

How do I add a link to a page in WordPress?

Martin Aranovitch
WordPress Trainer & Educator
Martin Aranovitch is a WordPress Trainer and Educator and a WordPress Writer for WPMU DEV. With over 18 years of digital marketing and website maintenance experience, Martin specializes in providing comprehensive instruction for people looking to use WordPress effectively. He holds a Bachelor’s degree in Science and Technology Studies from The University of New South Wales. Martin is also a digital publisher and the author of multiple WordPress guides and training manuals for people of all learning levels.

Martin Aranovitch

WordPress Trainer & Educator

Expert Answer

Create or edit a new/existing post or page. Then, select and highlight the text that you want to hyperlink. Click on the linking tool in the inline editor menu, select or type your destination URL (this can be an internal or external link), and choose whether or not to open the link in a new tab. Then, just click on the "Apply" button or hit your "Enter" key.

Thanks! We're glad this was helpful.
Thank you for your feedback.
If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
Yes No

Not Helpful 5 Helpful 5