






















|
|
|
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.
|
|