小网站图片的格式是什么？ GIF还是PNG？

Question

在为网站制作小图标，标题图片等时，最好使用GIF还是PNG？

显然，如果需要透明效果，那么PNG肯定是要走的路，对于更大，更多的摄影图像，我会使用JPEG - 但对于普通网络“家具”，你会推荐哪些？为什么？它可能只是我正在使用的工具，但GIF文件通常看起来比可比较的PNG小一点，但使用它们似乎只是1987年。

Answer 1

作为一般规则，PNG永远不会更差，并且通常比GIF更好，因为它具有出色的压缩性能。可能存在一些边缘情况，其中GIF略好一些（因为PNG格式可能会稍微增加元数据的开销），但实际上并不值得担心。

  

它可能只是我正在使用的工具，但GIF文件通常看起来比可比较的PNG小一点

这可能确实是由于您使用的编码工具。

/编辑：哇，似乎对PNG文件大小有很多误解。引用马特：

  

对于颜色较少的图像，GIF没有任何问题，正如您所注意到的那样，它们往往更小。

这是典型的编码错误，并非格式中固有的。您可以控制颜色深度并使PNG文件变小。请参阅维基百科文章中的relevant section。

此外，Chrono对MSIE6缺乏支持的影响不大：

  

如果您需要透明度并且可以使用GIF，那么我会推荐它们，因为IE6支持它们。 IE6在透明PNG方面表现不佳。

那是错的。 MSIE6 支持PNG透明度。它不支持alpha通道（没有一些黑客攻击），但这是一个不同的问题，因为GIF根本没有它。

仅使用GIF而不是PNG的 技术原因是当使用需要动画并且不想依赖其他格式时。

Answer 2

W3C提到了PNG相对于GIF的3个优势。

•Alpha通道（可变 透明度），

•跨平台伽马校正 （图像亮度的控制）和 色彩校正

•二维交织（a 逐行显示的方法）。

另外，请查看这些资源以获得指导：

• PNG v's GIF (W3C Guidance)
• PNG FAQ

Answer 3

哇，我真的很惊讶这里有错误的答案。正确优化后，PNG-8将始终小于GIF。只需通过 PngCrush 或任何其他PNG优化例程运行您的PNG-8文件。

要理解的关键事项：

• PNG8和GIF无损＆lt; = 256色
• PNG8始终小于GIF
• 除非您需要动画，否则不得使用GIF

当然，

• 将JPG用于黑白和全彩色摄影图像
• 将PNG用于低色，艺术线条，屏幕截图类型图像

Answer 4

从法律角度来看，使用PNG优于GIF的主要原因在于：

http://www.cloanto.com/users/mcb/19950127giflzw.html

截至2004年，这些专利显然已经过期了，但是你可以使用PNG作为GIF开源的想法吸引了很多人。

（png开源参考：http://www.linuxtoday.com/news_story.php3?ltsn=1999-09-09-021-04-PS）

Answer 5

使用PNG时请注意色彩偏移。此链接提供了一个示例，并包含更多链接以及进一步说明：

http://www.hanselman.com/blog/GammaCorrectionAndColorCorrectionPNGIsStillTooHard.aspx

GIF图像不受此问题的影响。

Answer 6

我不认为它会产生很大的不同（客户不关心）。我个人会选择PNG，因为它们是W3C标准。

对PNG透明效果要谨慎：它们不适用于IE6。

Answer 7

索引PNG（少于256色）实际上总是比gif小，所以我大部分时间都使用它。

Answer 8

对于网络上的图像，每种格式都有其优缺点。对于照片类型的图像（即许多和许多颜色，没有硬边缘）使用JPEG。

对于图标等，您可以选择PNG和GIF。 GIF限制为256色。 PNG可以像GIF一样格式化（即256色，具有1位透明度，可在IE6中使用），但对于小图像，它们稍微大于GIF。 24位PNG支持大范围和alpha透明度（虽然它在IE6中很麻烦）。

PNGS是你唯一真正合情合理的选择，比如截图（例如，很多颜色和硬边缘），而且就个人而言，这是我大部分时间坚持的，除非我有东西哪种JPEG更合适（如照片）。

Answer 9

“它可能只是我正在使用的工具，但GIF文件通常看起来比可比较的PNG小一点，但使用它们只是1987年。”

这可能是你的工具。从PNG常见问题解答：

“这种现象背后有两个主要原因：比较苹果和橙子（即不比较相同的图像类型），以及使用不良工具。” continued...

但你总是可以尝试同时保存（使用相同的颜色深度）并查看哪个更小。

当然，如果您想为您的网站标准化一种图形格式，PNG可能是最适合使用的格式。

Answer 10

PNG是GIF文件的100％替代品，并且可能会遇到您可能遇到的所有网络浏览器。

很少有GIF更适合的情况。最重要的一个是动画--GIF89a标准支持动画，几乎每个浏览器都支持它，但普通的旧PNG格式没有 - 你需要使用MNG，这对浏览器的支持有限。

几乎所有浏览器都支持PNG文件中的单位透明度（GIF格式提供的透明度类型）。在IE6中缺乏对PNG完全8位透明度的支持，但在大多数情况下可以通过一点CSS魔术来纠正。

如果您的PNG文件比同等的GIF文件大，那几乎可以肯定，因为您的源图像有超过256种颜色。 GIF文件被索引为256色的最大调色板，而大多数图形程序中的PNG文件默认以24位无损格式保存。如果文件大小比准确的颜色更重要，请将文件保存为8位索引的PNG，它应该等同于GIF或更好。

使用动作帧与不替换标志和多个调色板的组合，可以“破解”GIF文件，使其具有超过256种颜色，但自从PNG出现以来，这种方法几乎被遗忘了。

Answer 11

对于计算机生成的图形（即在Photoshop，Gimp等中自己绘制）JPG是不可能的，因为它是有损的 - 即你得到随机的灰色像素。对于静态图像，PNG在各方面都更好：更多颜色，可扩展透明度（例如，10％透明，.gif仅支持0％和100％），但是存在某些版本的Internet Explorer不执行PNG的问题透明度正确，所以你得到平坦的非透明背景看起来很难看。如果您不关心这些IE用户，请转到PNG。

顺便说一句，如果你想要动画，请去GIF。

Answer 12

GIF的一个主要问题是它是一种受专利保护的格式（编辑：这显然不再是真的）。如果您不关心，请随意使用GIF。 PNG比GIF具有更大的灵活性，特别是在色彩空间方面，但这种灵活性通常意味着您希望在发布之前“优化”PNG。网络搜索应该为您的平台发现工具。

当然，如果你想要动画，GIF是唯一的出路，因为出于某种原因，MNG基本上不是首发。

Answer 13

我通常使用gif，因为它的大小，但也有png-8也是256色。

如果您需要花哨的半透明材料，请使用png-24。

我通常在photoshop中使用'save for web'功能，它可以让你摆弄文件类型，颜色数量等，并在保存之前查看结果。当然，我会尽可能使用最小的，但在我眼中仍然看起来很好。

Answer 14

由于gif文件不支持透明度Alpha通道（可能还有其他一些原因），因此gif文件会更小一些。就我个人而言，我觉得尺寸差异确实不像以前那么值得担心。现在大多数人都在使用带有某种宽带的网络，所以我怀疑他们会注意到差异。

使用操作工具最适合的图像类型可能更为重要。

另外，我喜欢将图像放在任何背景上并具有投影效果的功能，这使我更倾向于png格式。

Answer 15

如果它们变得更小并且你无法使用PNG提供的功能（这是alpha通道透明度和超过256种颜色），那么我认为你没有理由使用PNG。

Answer 16

就我的图像而言，我个人使用gif相当多，因为它们可以在任何地方使用，显然你的透明度限制是指导某人采用特定格式的一个关键因素。

我没有看到使用gif的任何垮台。

Answer 17

我对所有非透明图像使用jpg。你可以控制压缩，我喜欢。我找到了比较这两者的this网站。 jpg更小，看起来更好。