4 Ways to Add a Link to a Picture

PDF download Download Article
Link your pictures using a variety of methods
PDF download Download Article

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.

Linking a Picture

  • 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, select Link , add the URL, and click OK .
Section 1 of 4:

Using HTML

PDF download Download Article
  1. 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>
    • In this case, the "full-path-to-image" will redirect to your "DESTIONATION URL".
    • If you have access to the HTML of a page , you can use this anywhere!
    2. Advertisement
Section 2 of 4:

Adding Links to Images in Web Editors & Email Clients

PDF download Download Article
  1. 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

PDF download Download Article
  1. To add an image , go to Insert > Pictures . If the picture is on your computer, select This Device (Windows & Web) or Picture from File (Mac), then select the image you want to insert. [1]
  2. A list of linking options will appear.
  3. 3
    Select Existing File or Web Page . This option allows you to add a link that takes the person who clicks the picture to a website in their web browser. [2]
  4. Enter the destination URL. Next to the "Address" field, enter the URL of the site you want the link to point to. Be sure to include the "https://" at the beginning. Alternatively, if you'd rather link to a document on your computer, browse to and select that document. [3]
  5. 5
    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 in their default web browser.
    6. Advertisement
Section 4 of 4:

Using Social Media & Image Hosting Sites

PDF download Download Article
  1. 1
    Most online platforms allow you to add 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. Copy the URL of the picture and paste the address anywhere to create a link to your Facebook picture ( privacy settings might prevent random people from seeing your picture).
    • 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.
    • This method works for uploading pictures to many online platforms, including Flickr, Imgur , Facebook, Instagram, Google Drive , and Apple iCloud.
    3. Advertisement

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 7 Helpful 5
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Tips

      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!
      Advertisement

      Video

      You Might Also Like

      How to
      Link Within a Page Using HTML
      Add a Background Image to a Website: Step-by-Step Tutorial
      How to
      Write HTML Code
      How to
      Run a HTML File in Visual Studio Code
      How to
      Create a Basic HTML Website: A Step-by-Step Guide
      How to
      Insert Spaces in HTML & CSS: 5 Easy Ways with Examples
      How to
      Insert Images with HTML
      How to
      Run a HTML File
      How to
      Open HTM Files
      How to
      Change the Button Color in HTML
      How to
      Resize iFrames in HTML
      How to
      Copy HTML Source Code on Your Computer, iPhone, or Android
      How to
      Make a Birthday Card with HTML and CSS
      How to
      Edit HTML Files
      Advertisement

      Expert Interview

      Thanks for reading our article! If you’d like to learn more about digital marketing, check out our in-depth interview with Anar Kazimov .

      References

      1. ↑ https://support.microsoft.com/en-us/office/insert-pictures-3c51edf4-22e1-460a-b372-9329a8724344
      2. ↑ https://support.microsoft.com/en-us/office/create-or-edit-a-hyperlink-5d8c0804-f998-4143-86b1-1199735e07bf
      3. ↑ https://support.microsoft.com/en-us/office/create-or-edit-a-hyperlink-5d8c0804-f998-4143-86b1-1199735e07bf

      About This Article

      In other languages
      Thanks to all authors for creating a page that has been read 608,052 times.

      Reader Success Stories

      • Mary Emanuel

        Mar 4, 2018

        "Often I find wikiHow articles too basic and general to be of any real use. This one has good illustration and ..." more
      Share your story

      Is this article up to date?

      Advertisement