1. Technology

How To Find the Image Codes or URLs for Your Web Images

By

Learn how to find the image code or URL for your images and then add the image code to your Web pages.
Difficulty: Easy
Time Required: 1 minute

Here's How:

  1. Go to the page with the image you want on your web page. Note: you should use an image that you own, pointing to other people's images is considered bandwidth theft and can get you in trouble. And copying their image to your website is a copyright violation.
  2. In Internet Explorer: Right click on the image and choose “Properties.” Copy the address of the image.
    In Firefox: Right click on the image and choose “copy image location.”
  3. Once you have your image URL, you can add it to the HTML document. The easiest way is to click on the “add image” icon in your web editor. But if you don’t have one, here’s how to add it with HTML:
  4. Type:
    <img src="
  5. Paste in the URL.
  6. Type:
    " alt="Your alternate text">
  7. Upload your web page and test it in a web browser.
  8. Your final image code will look something like this:
    <img src="URL" alt="alternate text">

Tips:

  1. Width and height attributes are not required on images, but they help them load faster. If you know the dimensions of your image, you should include them as height="" and width="" attributes. For example:
    <img src="image.gif" alt="image" height="300" width="200">
  2. Good Alternate Text: Describe your image in the alt attribute. If the image has text in it, the alternate text should say the same as the image.
  3. Image Dimensions: Image width and height are defined in pixels, but do not include the “px” in your width or height attributes. And always use the exact dimensions. Don’t use the width or height attributes to resize your images. This can result in huge images that take forever to download, and browsers don’t resize images very well.

©2014 About.com. All rights reserved.