JPEG vs PNG vs GIF

来源：《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 文件大。
• 支持动画。