HTML and CSS Reference
WHICH IMAGE FORMAT?
Congratulations: you've been elected “Grand Image Format Chooser” of the day. For
each image below, choose the format that would best represent it for the Web.
JPEG or PNG or GIF
A photo with lots of continuous
shades of gray.
Only a couple of colors with some
text; definitely a PNG or GIF.
No transparency? PNG might
yield a smaller file.
A photo with lots of colors;
definitely a JPEG or PNG;
and if you want a transparent
background, go with PNG.
Just a simple black and white
icon; a PNG or GIF. If you need
transparency, you might want
anti-aliasing on the edges, and PNG
would be better for that.
This image is borderline. It has
lots of continuous colors (JPEG),
but is also slightly geometric
(GIF) and you may want to
use this in a way that requires