Using photo's in your webpage

There are a few things to consider when including a photo or photos for the Internet. Once you have the source photo determine the file size. If it is more than 100KB the photo will "load" slowly.

Obtaining your photo

Some services place photo's on their website for you to then "download" and use as you wish - for example at http://presplus.onza.net/AHW/photos/ has 300dpi scanned photo's which take several seconds/minutes to complete their display depending on the speed of your computer and the Internet connection.

  1. Point with your mouse to the middle of photo.
  2. Right click the mouse button.
  3. Point to Save Picture As... and left click
  4. A dialog box asking where the photo is to be saved is displayed.
  5. Remember which directory and so on that you are saving your photo too. For example C:/My Documents.
  6. Change the filename if you wish. (Save will automatically tack on the .jpg extension for you - it is not necessary to type it.)
  7. Click Save
  8. Repeat the above steps for additional photos, pictures or graphics.

Once saved the photo can be retrieved through Windows Explorer (My Computer) or by opening the photo editor (for example Start à Programs à Accessories à Microsoft Photo Editor then File à Open).

Photo and picture "formats"

Commonly used "formats" for photos, pictures, graphics and clip art is either JPEG or GIF. This type of picture will have a file extension such as .jpg, .jpeg, or .gif (in either upper or lower case) and should never be changed.

There are many other file formats or types such as wpg, cmf, bmp, tif, pdd, and so on. Most photo editors will allow you to "save as" another file type such as jpg or gif so it can be used on the Internet.

GIF can be used for standard or animated pictures. JPG is used for a standard picture.

Making the filesize smaller

Check the file size either through Windows Explorer

Or most photo editors allow you to do a File à Properties

There are several ways to reduce the file size to under 100000 Bytes (100KB) or better yet - under 50KB.

  1. Cropping - removing portions of the background
  2. Reduce picture size - width and height
  3. Reduce resolution

For example cropping the picture shown at the right reduced the file size from 6,159,888 to 1,934,712 but the size can still be considered large for the Internet.

By "resizing" the picture to 400 pixels wide reduces the size further to 339,600.

The resolution remains high.

The better the photo editor program the better the quality and the more options that are available such as the Image type, number of "bits."

The setting of the "surfers" display monitor and the browser used may also affect how the photo appears.