Preparing Pictures for your web Site

Before you load pictures into your web site you may need to make them smaller.

For a picture to take up only one quater of the width of the webpage you will need to reduce it to a width of about 188 pixels. (Web pages are typically designed with a width of 750pixels).

If you have Adobe Photoshop or Photoshop Elements or other photo processing software (that perhaps came with your digital camera) you could use that software to adjust the size and compression of your pictures.

If you do not have such software, an excellent alternative is the Image Editor in the (FREE) "Microsoft HTML Help Workshop".

You can download HTML Help Workshop here: (about 3.34Mb size)

http://go.microsoft.com/fwlink/?LinkId=14188

or if that doesnt work, then download the file Htmlhelp.exe from here (opens in a new window):

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/htmlhelp/html/hwMicrosoftHTMLHelpDownloads.asp

The most widely used format for pictures on the web are .GIF and .JPEG, with .PNG gaining in popularity.

It is worth experimanting with different formats and compression ratios to get the file size of your pictures as small as possible. The smaller the file size the quicker your web page will download. Usually JPEG's are better for photographs, while GIF's are suited to computer generated artwork like logos and images that have large areas of a single colour.

TIP: Always keep your orignal picture. Make sure that you make a copy for processing.