其格式对小型网站的图像?GIF或PNG?[关闭]

StackOverflow https://stackoverflow.com/questions/115818

  •  02-07-2019
  •  | 
  •  

题

当做小的图标，头的图形和类似网站，它是更好地使用Gif或Png?

显然，如果透明度的效果都是必需的，然后Png是绝对的路要走，并且对于较大，更多的摄影图像我用Jpeg-但是对于正常的网"家具"，其中你建议，为什么？这可能只是工具，我用，但GIF文件通常似乎被一个比较小，比comparible PNG，但是使用他们似乎只是这样1987年。

有帮助吗？

解决方案

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

  

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

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

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

  

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

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

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

  

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

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

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

其他提示

W3C更3的优点PNG过GIF。

•Alpha频道(变量 透明度)，

•交叉平台伽马修正 (控制的图像中的亮度)和 修正的颜色

•两维交织(一个 法的逐步显示)。

此外，看看这些资源为指导：

哇，我真的感到惊讶的所有错误的答案在这里。PNG-8将永远是小于GIF时适当地优化。只是运行PNG-8文件通过 PngCrush 或任何其他PNG优化程序。

关键的事情，以了解：

  • PNG8和GIF是无损 <=256色
  • PNG8总是可以更小的比GIF
  • GIF应该从来没被使用，除非你需要的动画

当然，

  • 使用JPG用黑白或全色摄影图像
  • 使用PNG低的颜色，行艺术类型的图像的截图

主要原因使用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)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

有可能<！>“hack <！>”;一个GIF文件，使用动画帧与不替换标志和多个调色板的组合，有超过256种颜色，但自从PNG出现以来，这种方法几乎被遗忘。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top