• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Summary

The key to optimizing web graphics is to minimize their size, number, and quality, and maximize cropping. Combine adjacent images and use client-side imagemaps instead. Substitute CSS-based rollovers for bandwidth-hungry image-based rollovers. Replace graphic text with styled text. Finally, to minimize HTTP requests, reuse images with the same URL.

For palette-based formats, each reduction in bit-depth gives an abrupt drop in file size. When reducing smooth-toned images, use a high-quality quantizer and a dash of dithering, influence histograms, or consider switching to a JPEG. Avoid antialiasing in GIFs and PNGs to minimize color palettes. Design GIFs and PNGs with the horizontal in mind. Maximize pixel patterns along scanlines and use the “lossy” slider in Photoshop and Fireworks for GIFs to increase redundancy to maximize LZW compression.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint