Creating Killer Web Sites

Color Cube
GIF Compression
Image Tools
GIF Animation
Jpeg Compression
Eyeballing the Palette
Single-pixel GIF
Invisible Table Trick
Reduce Colors
Hand Retouching Images

CKWS Core Page
Example Sites
PDF Tips
css resources
Book Sales
Master Links

Jpeg Compression

When working with photographic images on your web site, it's best to use the JPEG format. Remember that, unlike GIF, JPEG is a lossy process. The image will not look the same as the original after compression. On the Web, you want to use the highest compression to keep file sizes down. Study the four images below, paying attention to the compression ratio and its resulting file size.

JPEG 25% 2,351 bytes

JPEG 50% 3,267 bytes


JPEG 75% 4,566 bytes

JPEG 100% 15,817 bytes

As you can see, there is a noticeable difference between the low quality and high quality images. But using the 25% JPEG saves the viewer from having to download an extra 13,000 bytes, without sacrificing too much quality.
Buy Creating Killer Web Sites from
Follow the Fish!
Core | Top | Feedback