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.

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

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

PDF download Download Article
Section 3 of 4:

Adding Hyperlinks to Images in Word

PDF download Download Article
  1. To add an image, go to Insert > Pictures.
  2. 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."
  3. 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!
  4. Advertisement
Section 4 of 4:

Using Social Media & Image Hosting Sites

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

Expert Q&A

Search
Add New Question
  • Question
    How do I add a link to a page in WordPress?
    Martin Aranovitch
    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.
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
Advertisement

Video

Tips

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

You Might Also Like

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.

About This Article

Anar Kazimov
Co-authored by:
Digital Marketing Expert
This article was co-authored by Anar Kazimov and by wikiHow staff writer, Darlene Antonelli, MA. Anar Kazimov is a Digital Marketing Expert based in Vancouver, Canada. He is the Owner and Marketing Director of Pixel Prodigies, a company created to help business owners achieve more sales by revamping their digital portfolio. He has helped the NIH, IBM, Canadian film studios, Rolex dealerships, and many other firms in their marketing campaigns. He previously had a career in the IT industry and worked at Freelancer.com. He received a BS in Computer Science from the University of Victoria. This article has been viewed 578,861 times.
How helpful is this?
Co-authors: 26
Updated: December 1, 2024
Views: 578,861
Categories: HTML
Thanks to all authors for creating a page that has been read 578,861 times.

Reader Success Stories

  • Mary Emanuel

    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