What size must the images on my web site be?

I frequently receive this question from visitors.

Here are some tips to keep in mind:

The images on a web site need not be very high resolution because most screens are only 72dpi. If the purpose of the image is only to display it on the screen it does not have to be better than 72dpi.

You must keep the file size of the picture as low as possible so that it can load as fast as possible.

The size of a picture on a web site are measured in pixels. You must resize your picture before you can use it on your web site. Most old fassion 15″ screens were only 800×600 pixles big. That gives you an idea of the size. If the details in the picture is important you might use a picture with the longest side of 600pixels (either wide or high). For most general purpose pictures you will go for pictures of 500 pixels on the longest side. Pictures used in line with your text will normally be much smaller.

You can use GIMP or Power Toy to resize your pictures, they are both free. Also read my article “A Quick and Easy way to resize your photographs” click here

Below are some examples of the various sizes:


600x400 pixels

600x400 pixels

500x332

500x332

450x300

450x300

400x266

400x266

300x200

300x200

250x166

250x166

120x80

120x80

Tagged with:
 

1 Comment

  1. Gawie says:

    I have been reading through your notes here. Another tip I want add is that you must make your website as cellphone friendly as possible in order to attract more traffic to your site. The smaller your graphics, the cheaper your site will be on airtime/data usage, and that will also make people return to your site.

Leave a Reply

Your email address will not be published. Required fields are marked *

*