| site map | contact |
| home | workshops | courses | libraries | about |
Web Graphics
  Table of Contents
  General Tips
  Color Tips
  Saving Graphics
  Graphic Sites
  Online Generators
  Paint Shop Tips
  Photoshop Tips

Adding Graphics to your Site

Graphic Tips
previous page next page


This page offers general tips that can help you as you design or create graphics for your web site.

Image  Pixel Size
Small Icon 25 x25
Medium Icon 40 x 40
Large Icon 60 x 60
Horizontal Bar 10 x 500
Headline Graphic 150 x 600
WWW Ad Size 300 x 72
Logo or Photo 300 x 400


  1. Try to keep the file size of your graphic less than 30K. The larger the file size of the graphic, the longer it will take for a visitor to download your page. If your page cannot load by 30 seconds, most of your visitors will leave your site.
  2. You should include a text alternative with your images. Most HTML editing programs include an easy way to insert text alternatives for the graphic description.
  3. Avoid using too many graphics. The total file size of a page should be around 30K to 60K. Add up the file sizes of each graphic you have used on one page to discover how much information must be downloaded for a visitor to view your page.
  4. Try to limit your colors used in gif images to the 216 browser safe colors. This will prevent your images from having a dithered (grainy, or speckled) look.
  5. Limit the use of animations on your page. These are large image files and will slow the download time of your page. If you use animations, they should only be used for the reason of enhancing the content on your page.
previous page next page