The graphics on the site is the first thing a visitor will notice.The graphics should relate to the content on the site. When designing graphics, the potential limitations of the visitors technology must be considered when choosing which graphics and or animations to use. The designer must consider monitor resolutions, various browsers and how they display colors, and the download implications of the Internet connections.
The first item to consider is color. The safest way to pick colors for your web page is to use the Browser safe colors. These are the 216 colors that are common in both browsers and in operating systems (Williams and Toilette, 2000). Click here to access further information on web safe colors.
In addition, it is also usually better to keep the image files small. Large image files will slow down the download time for your users. The best way to reduce your files is to use an editing program such as Adobe Photoshop, or Macromedia Fireworks.
Most images are either JPG, GIF, or PNG. You will see the type after the "." i.e. world.gif. JPGs are usually used for photographs, and drawings. JPG files can display 24-bit colors so they are used when there are a lot of colors to display. GIFs are usually used for illustrations, logos, and images that do not need a lot of colors. These files are 8-bit colors.(Williams and Toilette, 2000). PNG files are a lot smaller than the GIF files. They are a combination of GIF and JPG. However, they cannot replace JPGs because they cannot be used for animation and they do not support older browsers.
"In 1998, Congress amended the Rehabilitation Act to require Federal agencies to make their electronic and information accessible to people with disabilities" (Section 508, www.section508.gov, par 1). For further information on the law click this link, Section 508. In order to meet 508 compliance, the designer should also always make sure to include the alt tags. Alt tags are text descriptions of the graphics and pictures. Many web design programs automatically que the designer to input the alt tag.
Here are two examples of web pages that do a nice job incorporating the graphics into the site. http://www.musicfanclubs.org/jimihendrix/
http://origin2.foxsearchlight.com/napoleondynamite/fan club/index.php
Here is a page that could be enhanced by adding a few graphics. http://countrymusic.about.com/od/fan clubs/
This page has a graphic embedded that wiggles around and is very distracting http://www.lochness.co.uk/fan_club/
©Chris Jackson
12/07/2006

Web Safe Colors |
|---|
![]() |
![]() |
|---|
Example PNG |

![]()
Example GIF