像你们中的许多人一样，我花费大量时间保存用于网络的图形。因此，当我浏览网络时，出于本能，我就会发现优化错误。就像排版师可以从一英里外发现字距调整错误，或者足球迷仅凭阵型就能发现拙劣的防守一样。
我并不是要挑剔 Blogging Tips，这是一个很棒的博客，我喜欢阅读它，但他们刚刚推出了一个新的设计，其中包含一个醒目的红色标题和一些反向块体文字。这绝对是 GIF 的经典应用场景，但他们却使用了 JPG。在这种情况下，JPG 会导致字母周围出现由于压缩引起的伪影。请参见下文
何时应该使用 JPG，何时应该使用 GIF？
图像的使用是 CSS 的重要组成部分，因此掌握这些信息非常有用。
如果您的图形使用相对较少的颜色、具有硬边形状、大面积的纯色区域或需要使用二元透明度，则应使用 GIF。这些规则同样适用于 8 位 PNG。您可以将它们视为与 GIF 文件几乎完全相同。PNG 无法像 GIF 一样进行动画处理，但文件大小通常更小。
如果您的图形使用大量颜色、使用渐变或包含摄影元素，则应使用 JPG。
这些只是一些经验法则。
像所有规则一样，这些规则也可以打破。在许多情况下，它们并不适用。例如，相当小且单调的摄影图像可能非常适合使用 GIF。同样，渐变有时会通过 GIF 压缩变成很酷的效果。底线是，您应该进行一些测试，看看哪种效果最好。这就是 Photoshop 中“另存为优化”对话框的妙处。
PNG 怎么样？
嗯嗯。32 位 PNG。它是一个多么可爱的格式啊！无损压缩。ALPHA 透明度。伽马校正。48 位颜色。通常文件大小更小。有什么不喜欢的呢？好吧，使用 PNG 的主要原因是为了获得美丽的透明度，而这正是 IE 6 及更低版本不支持的。虽然有一些方法可以实现，但通常很麻烦。PNG 当然可以使用。我经常使用它，因为它是我拍摄的屏幕截图的原生格式，但对于大多数人来说，PNG 只是一个诱惑。一旦 IE 6 开始淡出人们的视野，我们就会看到更广泛的使用开始发生。
更多信息：关于 PNG 的误解
关于：PNG
我爱 PNG，尽管 IE6 用户存在，但我经常使用它们。我最近一直在尝试的是，使用 PNG 并使用仅限 IE6 的样式表替换 PNG 中的 GIF 文件。
这可以实现两件事
A) 保持网站对那些关心的人来说很漂亮（为什么我们要惩罚那些拥抱新技术的人）
B) 让 IE 6 的“失败者”（我的意思是用户）以他们习惯的方式查看网页，粗糙且不如预期流畅。
使用备用样式表是一个好主意，但有时 PNG 的应用是 GIF 无法实现的。例如，阴影。PNG 会很好地将自身与后面的内容混合（无需知道后面是什么），但 GIF 无法做到这一点。您只需选择一种哑光颜色并继续使用它，这可能会很糟糕。
我经常使用 PNG 作为页面背景，但总是发现 PNG 中的颜色与例如主体颜色指定的颜色在 IE 中并不完全匹配。
然后我发现了 http://entropymine.com/jason/tweakpng/
并且我所有的（好吧，很多）问题都解决了。
很有趣。我得去看看。
关于 gif 与 jpg 与 png，大多数人实际上并不知道的一条规则（根据过去的经验）。这是可以让设计看起来更好一点的东西……
感谢您指出这一点，Chris。设计不是我的强项，因此我感谢您的提示。
过去，我通常使用 jpeg 作为徽标，并使用 gif 作为网站上的其他图形。将来我会牢记您提出的要点 :)
嘿，Kevin！
是的，就像我说的，我并不是要挑剔你 =) 我碰巧是 Blogging Tips 的读者，注意到了它，它引发了这篇文章的想法。我很高兴它能有所帮助。
红色伪影徽标下方的行中有一个错别字。“何时应该使用 JPG，何时应该使用 GIF？”wen = when
这里有一个提示
如果您将图像保存为 PNG 24 位，您将获得一个漂亮的透明度，它在 IE6 上不起作用，但如果您将图像保存为 PNG 8 位，您将获得类似于 GIF 的糟糕透明度，但它将在 IE6 上起作用，并且您可以保持较小的尺寸和颜色之间更平滑的过渡。
因此，您应该问的问题是，我应该使用 JPG 还是 PNG？
@delFuego：非常好的观点。我从未真正考虑过使用 8 位 PNG，但我认为您是对的，不妨试试。也就是说，在文件大小实际上更小并且不需要 GIF 的动画功能的情况下。
感谢您提供这些信息。下次我为网络准备图片时，我会牢记您的帖子。
很高兴 delFuego 提到了 8 位 PNG，因为我一直使用它们而不是 GIF。非常适合您通常被迫使用 GIF 进行优化的静态图像。
我现在完全转向 PNG-8 了。我认为 GIF 唯一剩下的用途是在某些奇怪的随机情况下它压缩效果更好，以及当您需要动画时。我认为人们的误解是，当他们想到 PNG 时，通常会想到 PNG-24，也就是具有 alpha 透明度的 PNG，其文件大小通常比任何其他格式都大。
PNG-8 目前是一个非常好的选择。
嗨，我的评论可能有点晚了，我看到您无论如何都在转向 PNG-8，但我认为页面上有一个复制粘贴错误。
短语“或需要使用二元透明度”不应该在“使用 Gif”部分的末尾而不是“使用 JPG”部分的末尾吗？
无论如何，好文章，这确实经常困扰我，谢谢，
Tim