来源：《Head First HTML与CSS》
照片和复杂图像使用 JPEG
单色图像、logo 和几何图形使用 PNG 或 GIF
JPEG
- 最适合连续色调图像，如照片。
- 可以表示包含多达1600万种不同颜色的图像。
- 这是一种“有损”格式，因为缩小文件大小时会丢掉图像的一些信息。
- 不支持透明度。
- 文件比较小，以便 Web 页面更高效地显示。
- 不支持动画。
PNG
- PNG 最适合单色图像和线条构成的图像（如 logo、剪贴画和图像中的小文本）。
- PNG 可以表示包上百万种不同颜色的图像。PNG 有3种：PNG-8、PNG-24和PNG-32，取决于你需要表示多少种颜色。
- PNG 会压缩文件来缩小文件大小，不过会丢掉信息。所以这是一种“无损”格式。
- 允许将颜色设置为“透明”，使图像下面的东西可以显示出来。
- 与相应的 JPEG 文件相比，PNG 文件更大一些，不过取决于使用的颜色数，可能比相应的 GIF 文件小，也可能更大。
GIF
- 类似于 PNG，GIF 最适合单色图像和线条构成的图像（如 logo、剪贴画和图像中的小文本）。
- GIF 可以表示最多256种不同颜色的图像。
- GIF 也是一种“无损”格式。
- GIF 也支持透明度，不过只允许一种颜色设置为“透明”。
- GIF 文件往往比相应的 JPEG 文件大。
- 支持动画。
