HTML and CSS Reference
WHICH IMAGE FORMAT?
Your task this time: open the file “chapter5/testimage/eye.jpg” in Photoshop Elements. Open the “Save for Web”
dialog and fill in the blanks below by choosing each quality setting for JPEG (Low, Medium, High, etc.), and also try
PNG-24 and GIF. You'll find this information in the preview pane below the image. Once you've finished, determine
which setting makes the most sense for this image.
Format Quality Size Time Winner
Did you n otice
image q uality
d egrades as
you go from
JPEG Max imum
to L ow?
Is the winner really Medium? Not necessarily. It all depends on what your needs are. If you want a
really high-quality image, then you might want Very High. If you want the fastest possible site, then
try Low. We've chosen Medium because it is a nice tradeoff in size versus the quality of the image.
You may think Low is good enough, or that it's worth bumping the quality up to High. So, it's all
very subjective. One thing is for sure, however: PNG and GIF don't work very well for this image
(which should not be a surprise).