How to Add a Link to a Picture: 4 Simple Ways (2024)

  • Categories
  • Computers and Electronics
  • Internet
  • Website and Blog Creation
  • Markup Languages
  • HTML

Download Article

Link your pictures using a variety of methods

Written byDarlene Antonelli, MA

Last Updated: March 20, 2024Fact Checked

Download Article

  • Using HTML
  • |
  • Adding Links to Images in Web Editors
  • |
  • Adding Hyperlinks to Images in Word
  • |
  • |
  • Video
  • |

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!). 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

  1. 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>
      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. Advertisem*nt

Section 2 of 4:

Adding Links to Images in Web Editors

Download Article

  1. 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.
  1. 1

    Insert the image to your Word document. To add an image, go to Insert > Pictures.

  2. 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."
  3. 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!
  4. Advertisem*nt

Section 4 of 4:

Using Social Media & Image Hosting Sites

Download Article

  1. 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

    Not Helpful 3Helpful 4

Ask a Question

200 characters left

Include your email address to get a message when this question is answered.

Submit

      Advertisem*nt

      Video

      Tips

      Submit a Tip

      All tip submissions are carefully reviewed before being published

      Submit

      Thanks for submitting a tip for review!

      You Might Also Like

      How toLink Within a Page Using HTMLAdd a Background Image to a Website: Step-by-Step Tutorial
      How toInsert Spaces in HTMLHow toCreate a Simple Web Page with HTMLHow toRun a HTML File in Visual Studio CodeHow toChange the Button Color in HTMLHow toGet the Hex Code of a Color on Your Computer ScreenHow toWrite HTML CodeHow toRun a HTML FileHow toInsert Images with HTMLHow toCreate an Email Link in HTMLHow toCreate a Calculator Using HTMLHow to Copy HTML Source Code on Your Computer, iPhone, or AndroidHow toCreate Redirects in HTML

      Advertisem*nt

      About This Article

      How to Add a Link to a Picture: 4 Simple Ways (29)

      Written by:

      Darlene Antonelli, MA

      wikiHow Technology Writer

      This article was co-authored by wikiHow staff writer, Darlene Antonelli, MA. Darlene Antonelli is a Technology Writer and Editor for wikiHow. Darlene has experience teaching college courses, writing technology-related articles, and working hands-on in the technology field. She earned an MA in Writing from Rowan University in 2012 and wrote her thesis on online communities and the personalities curated in such communities. This article has been viewed 502,813 times.

      How helpful is this?

      Co-authors: 25

      Updated: March 20, 2024

      Views:502,813

      Categories: HTML

      In other languages

      Spanish

      Portuguese

      German

      French

      Indonesian

      Arabic

      Thai

      Hindi

      Korean

      Chinese

      • Print
      • Send fan mail to authors

      Thanks to all authors for creating a page that has been read 502,813 times.

      Is this article up to date?

      Advertisem*nt

      How to Add a Link to a Picture: 4 Simple Ways (2024)

      FAQs

      How can I make a link for my pictures? ›

      1. On your mobile device, open the Google Photos app .
      2. Sign in to your Google Account.
      3. Select a photo, album, or video.
      4. Tap Share .
      5. Under “Share to apps,” select another app to share to. Swipe left to find more apps.
      6. To create and share a link, tap Create link.

      How do I get a link from an image? ›

      1. On your Android phone or tablet, open a mobile browser like the Chrome app or Firefox.
      2. Go to images.google.com.
      3. Search for the image.
      4. In Images results, tap the image to get a larger version.
      5. Copy the URL based on your browser: Chrome: Tap the address bar. Below the address bar, next to the page URL, tap Copy .

      How do I pass an image as a link? ›

      The HTML <a> type attribute is used to create a hyperlink to web pages, files, and locations on the same page. We can make elements like images into links by nesting them within an <a> element. It defines a hyperlink that is used to link from one page to another.

      How to create a link? ›

      Create a hyperlink to a location on the web

      Select the text or picture that you want to display as a hyperlink. Link. You can also right-click the text or picture and click Link on the shortcut menu. In the Insert Hyperlink box, type or paste your link in the Address box.

      How do I save a link to a picture? ›

      Navigate to the website you want to capture. Press Ctrl + Shift + I (Windows/Linux) or Cmd + Option + I (Mac) to open Developer Tools. Click on the 'Toggle the screenshot tool' icon in the top-right corner. Capture the screenshot and save it to your preferred location.

      Can a picture be used as a link? ›

      To use image as a link in HTML, use the <img> tag as well as the <a> tag with the href attribute. The <img> tag is for using an image in a web page and the <a> tag is for adding a link.

      Can you add a link to an image for social media? ›

      As you might know, images don't support URLs. This means to create a post where the image is linked to a specific website, you have to do the linking within the individual social media platform.

      How do I copy a link? ›

      How to copy a link URL on Android
      1. Tap/press the link in the browser address bar.
      2. You will see 3 icons, Share, Copy or Edit. Click the copy icon.
      3. Tap/press inside the email body where you want to include the link. You will see a pop up menu with the option to paste. Tap paste.
      Dec 31, 2023

      What is my URL example? ›

      A URL is a specific type of URI that not only identifies a resource, but also provides the means of locating it. For example, https://www.example.com/page.html is a URL that tells you the resource is the webpage located on example.com's server at /page. html.

      How can I open an URL? ›

      Tap the address bar at the top of the screen. This opens your Android's keyboard. Type the URL into the box. For example, to visit wikiHow, type www.wikihow.com .

      How do you add a link to an image? ›

      Put the anchor tag <a href=””> before the image url, and </a> after. Paste the destination URL you want to add within the quotation marks for <a href=””>. Make sure you put “http://” before the link. Now enjoy the hyperlink in your customized image if you have followed these steps properly.

      How do you make a link open in a new tab in HTML? ›

      You can make a HTML link open in a new tab by adding the target=”_blank” attribute. You should insert this after the link address.

      How to make an image clickable? ›

      The <img> and the <a> tags together is the most common way of adding a clickable image link in HTML. In a webpage, after adding an image using the <img> tag, make it clickable by adding a <a> tag along with it.

      Can I add a link to a photo on my iPhone? ›

      Share photos and videos with an iCloud Link
      1. In Photos on iCloud.com, select the photos or videos you want to share.
      2. Click. , click Share, then do one of the following: Choose Email Link, enter one or more email addresses in the To field, then click. . Choose Copy Link, then click Copy Link. Share the link with friends.

      Top Articles
      How to Maximize the Benefits in Your Health Insurance Plan
      Google Opinion Rewards - It Pays to Share Your Opinion
      Play FETCH GAMES for Free!
      Gomoviesmalayalam
      The Daily News Leader from Staunton, Virginia
      What are Dietary Reference Intakes?
      Txtvrfy Sheridan Wy
      Undergraduate Programs | Webster Vienna
      Georgia Vehicle Registration Fees Calculator
      Fusion
      Mustangps.instructure
      Goteach11
      Best Restaurants In Seaside Heights Nj
      Lesson 3 Homework Practice Measures Of Variation Answer Key
      South Bend Tribune Online
      Leeks — A Dirty Little Secret (Ingredient)
      Tracking Your Shipments with Maher Terminal
      Craigslist Panama City Fl
      Blackwolf Run Pro Shop
      Uky Linkblue Login
      Elemental Showtimes Near Cinemark Flint West 14
      Best Uf Sororities
      Violent Night Showtimes Near Amc Fashion Valley 18
      Forum Phun Extra
      Costco Great Oaks Gas Price
      Rural King Credit Card Minimum Credit Score
      *Price Lowered! This weekend ONLY* 2006 VTX1300R, windshield & hard bags, low mi - motorcycles/scooters - by owner -...
      Laveen Modern Dentistry And Orthodontics Laveen Village Az
      Lines Ac And Rs Can Best Be Described As
      Fiona Shaw on Ireland: ‘It is one of the most successful countries in the world. It wasn’t when I left it’
      Urbfsdreamgirl
      Craigslist Pasco Kennewick Richland Washington
      Select The Best Reagents For The Reaction Below.
      Gt7 Roadster Shop Rampage Engine Swap
      Missing 2023 Showtimes Near Mjr Southgate
      Clearvue Eye Care Nyc
      Word Trip Level 359
      Xfinity Outage Map Lacey Wa
      Myhrconnect Kp
      Solve 100000div3= | Microsoft Math Solver
      El agente nocturno, actores y personajes: quién es quién en la serie de Netflix The Night Agent | MAG | EL COMERCIO PERÚ
      Austin Automotive Buda
      Nobodyhome.tv Reddit
      20 Best Things to Do in Thousand Oaks, CA - Travel Lens
      Bismarck Mandan Mugshots
      Registrar Lls
      Union Corners Obgyn
      Nail Salon Open On Monday Near Me
      Mudfin Village Wow
      Random Animal Hybrid Generator Wheel
      Unlock The Secrets Of "Skip The Game" Greensboro North Carolina
      Phmc.myloancare.com
      Latest Posts
      Article information

      Author: Patricia Veum II

      Last Updated:

      Views: 5981

      Rating: 4.3 / 5 (64 voted)

      Reviews: 95% of readers found this page helpful

      Author information

      Name: Patricia Veum II

      Birthday: 1994-12-16

      Address: 2064 Little Summit, Goldieton, MS 97651-0862

      Phone: +6873952696715

      Job: Principal Officer

      Hobby: Rafting, Cabaret, Candle making, Jigsaw puzzles, Inline skating, Magic, Graffiti

      Introduction: My name is Patricia Veum II, I am a vast, combative, smiling, famous, inexpensive, zealous, sparkling person who loves writing and wants to share my knowledge and understanding with you.