Pin Me

All About Pictures and Making URLs

written by: Ryan C.•edited by: Rhonda Callow•updated: 2/24/2010

In this guide we show you how to create links for pictures and how to find the URL of an image online in a variety of web browsers.

  • slide 1 of 5

    Introduction

    If you have your own website, blog, use Flickr or other personal page, chances are you want to draw traffic to it. One of the best ways to do this is to link your pictures to your websites. Depending on where the picture is posted or how it is sent (like in an email or instant message), you can easily link it to any page on the net. The instructions below may seem complicated but if you break apart the tags, they are very simple and will soon become second nature!

  • slide 2 of 5

    Web Pages (HTML)

    An html link uses the <a> tag. To link text or an image use the prefix tag like this:

    <a href="http://www.yourURLhere.com">

    Followed by your image’s code:

    <img src="http://www.yourIMAGEURLhere.com/photo.jpeg" />

    Close with:

    </a>

    So all together, it should look like this:

    <a href="http://www.yourURLhere.com"><img src="http://www.yourIMAGEURLhere.com/photo.jpeg" /></a>

  • slide 3 of 5

    Online Forums (BBCode)

    Online forums use BBCode which is a simplified version of HTML. To do link an image, wrap your [img] tag with [url="http://www.yourURLhere.com] and [/url].

    A finalized linked image should look like this:

    [url="http://www.yourURLhere.com][IMG]http://www.yourIMAGEURLhere.com/photo.jpeg[/img][/url]

  • slide 4 of 5

    Email and Instant Messages

    To link a picture in an email editor or instant message client that uses rich text, you can simply select (highlight) the image and click the paperclip icon and paste your URL you want it to link to. Some email clients use HTML and you can use the code above.

    If you are making a signature for your email. Instead of linking to a website, you may want to link it back to your email. To do this replace the http://www prefix of your link with mailto:youremail@brighthub.com (obviously replacing this with your actual email). When the recipient clicks on the image or text you have linked, they will be directed to their email client to compose a message to you!

  • slide 5 of 5

    Finding the URL of a Picture

    If instead of linking a picture to a website, let’s say you want to find the URL of a picture. This is really easy to do but the steps differ depending on your browser. Use this to share a direct link of a picture to send to a friend or post on your own website. Be sure to link to the original source using the instructions above!

    • To do this if you are using Mozilla Firefox, simply right click the image and select “view image." The URL of the image will be displayed in the address bar at the top.
    • In Microsoft’s Internet Explorer, right click the image, select properties, the URL is found under the “Address (URL)" section.
    • In Google Chrome, right click an image, and select “Copy image URL" and it will be copied to your clipboard.
    • In Apple’s Safari on a Mac, right click on an image, and select “open image in a new tab" to view the image’s URL in the address bar at the top.