image-formats - 网站图片格式 : Choosing the right format for the right task

Question

在设计网站时，您认为用于特定任务的最佳图像格式是什么？

在试图找出用于特定任务的格式时，我总是发现自己处于两难境地……例如，我应该全面使用 .jpg 吗？或者，我何时以及为什么应该使用 .png？

例如，取 Amazon的网站，他们使用 .jpg 产品图片 ( Example ), .gif 对于这个透明像素 ( Example ) 和 .png 为他们的 CSS Sprites ( Example )

另一方面，Play.com使用 .gif 为他们的网站标志 ( Example )，但使用 .jpg 对于他们的网站产品(如亚马逊)( Example )，就他们的主页而言，他们没有任何 .png 就可以了。

那么我的网站应该使用什么格式？我为什么要使用它们？

[更新]

感谢 CruellO为 this link用于解释差异，以及 Dustin给出使用什么的理由。

Answer 1

JPEG 用于照片。我偶尔会看到带有文字的 JPEG，它们看起来很糟糕。文本最适合文本，否则使用 PNG。

如果它不是照片，但您想要它的图形，请使用 PNG。 PNG 几乎总是小于等效的 gif，并且不会像 JPEG 文件那样损失质量。与 JPEG 等效的 PNG 通常会大得多(假设它是真实感的)。有时这仍然是可取的。

PNG 确实允许 8 位的透明度，但是如果您必须支持 IE，您会发现他们不断拒绝正确支持。据我所知，它们确实支持 8 位图像(基本上与 gif 相同)中的一点透明度。还有许多技巧可以使 8 位透明度在 IE 中工作。我从来没有打扰过，我自己。

总之:

照片 → jpg

!照片 → png