Chapter 7: Graphics

http://www.webstyleguide.com/graphics/index.html

Characteristics of Web graphics

Color displays
- Pixels and color depth
- Color depth and graphics files
"Browser-safe" colors
Dithering
- Dithering done by the browser
- Coping with browser-safe colors
Screen resolution
Gamma
Graphics and network bandwidth
- Graphics and intranets

Graphic file formats

GIF files
- GIF file compression
- Improving GIF compression
- Interlaced GIF
- Transparent GIF
- Animated GIF
JPEG graphics
- Save your original uncompressed images!
- JPEG image artifacts
PNG graphics
Imaging strategies
- Interface elements
- Photographs as GIFs
- Photographs as JPEGs
- Diagrams and illustrations as vector graphics
- Archiving your Web site graphics
Summary: File formats
- Uses for GIF and JPEG Files
- Advantages of GIF files
  - GIF is the most widely supported graphics format on the Web
  - GIFs of diagrammatic images look better than JPEGs
  - GIF supports transparency and interlacing
- Advantages of JPEG images
  - Huge compression ratios mean faster download speeds
  - JPEG produces excellent results for most photographs and complex images
  - JPEG supports full-color (24-bit, "true color") images

Images on the screen

The screen versus printed color artwork
Complex illustrations or photographs
Diagrams for the computer screen

HTML and graphics

Height and width tags
Colored backgrounds
Background colors and legibility
Background patterns
Imagemaps

Accessibility

Text alternates
ALT-text