APNG 与 GIF。哪个更好？ [关闭]答案

【问题标题】：APNG vs GIF. Which is Better? [closed]APNG 与 GIF。哪个更好？ [关闭]
【发布时间】：2014-09-06 14:25:21
【问题描述】：

我一直在使用 Gifs 来处理那些小的加载图像。除了偶尔的透明度问题和 8 位颜色外，一直工作得很好。现在我最近发现了APNG。但不知道我是否应该使用它。它有足够的浏览器支持吗？以及文件大小。大 gif 图像已经具有很大的文件大小...

【问题讨论】：

这个问题似乎是题外话，因为它是关于图像格式，而不是编程。
我认为这是网页设计过程的一部分。 Stackoverflow 仅适用于编程问题吗？那为什么这里会出现 CSS 和 HTML 问题呢？
... 在网页中使用。
自 2017 年 1 月起，IE、Opera 和 Chrome 支持 apng
为什么这是“基于意见的”？完全有可能给出一个讨论文件大小、图像质量和浏览器兼容性的客观答案。即使后者是一个移动目标，客观的答案也可以描述每个浏览器何时引入支持，以及人们会在哪里寻找有关浏览器支持的更多最新信息。

标签： image gif apng

【解决方案1】：

我认为 APNG 更好。因为它支持 24 位和 8 位透明度。此外，Mozilla Firefox、Chrome、Safari 等浏览器也支持它（参见 https://caniuse.com/#feat=apng）。

【讨论】：

截至 2017 年 3 月 14 日，Chrome 也原生支持 APNG：chromium.googlesource.com/chromium/src/+/…
自 2017 年 4 月 29 日起，Chrome Beta 增加了对动画 PNG 的支持。希望在 Chrome 59 发布时能得到全面支持。
APNG 在性能和/或 RAM 使用方面是否也被认为更好？

【解决方案2】：

如果我们关注文件大小，动画 PNG 比 GIF 更好——实现更小的文件大小是设计 APNG 格式的原因之一。在这个image comparison test data 中，您可以看到每张图片的 APNG 都比 GIF 小。

现在（2016 年 6 月）有 more browser support，而不是问这个问题时。 iOS Safari 现在支持 APNG（从版本 8 开始）——这是一个相当大的用户群。因此，您可以将 APNG 提供给 Firefox 桌面和 Android、Safari 桌面和 iOS，并将 GIF 提供给所有其他浏览器。

Cory Dowdy 有一些 good comparison data here，包括动画 webp。

2018-12-4 更新：Chrome、Opera 和桌面 Safari 现在支持动画 PNG。几个月来一直如此。

【讨论】：

虽然 APNG 与 GIF 之间的文件大小差异只有 10%...hmmmm。我认为将全球网络总流量减少 10% 意义重大。
它们之间可以比较的其他因素呢？解码（和编码，但没那么有趣）APNG 是否比 GIF 更快？还是占用更少的内存？

【解决方案3】：

Apng 是一种更好的格式。 GIF 和 apng 都是无损的，但 apng 往往更小，质量更好（更多颜色和透明能力）不幸的是，apng 在很大程度上不受支持，但这可能会改变。希望 apng 能流行起来。

【讨论】：

Ehem... GIF 不是无损的。对于动画仅支持每帧 256 种颜色的托盘。
GIF 对于 256 色图像是无损的。即使是 256 色，JPEG 也不会是无损的。但是对于通常少于 256 色的徽标，GIF 长期以来一直被用作无损替代方案，因为 JPEG 柔化了边缘。

【解决方案4】：

时代变了，请看下面的答案！

我肯定会坚持使用 GIF。我以前没有听说过 APNG，但从我现在的研究来看，它确实听起来几乎是一致不支持的。听起来 Internet Explorer 和 Chrome 不支持它，而且对于 大多数 用户来说似乎没用。即使它被支持并且我对此的研究是错误的，它仍然只是最新的一两个版本。对于有非常可行的替代方案的东西，我几乎不会认为这种风险是值得的。而且我知道我的最新版本的 IE 不能与我遇到的任何示例 APNG 文件一起使用。

几年后/如果它流行起来可能会很好，但现在这不是一个好主意。

【讨论】：

仅供参考，现在有更多浏览器支持，尤其是 iOS Safari 和 Mac Safari。 APNG 生成的文件比 GIF 更小，因此对于高流量网站来说可能是值得的——基本上，在相同的场景中，人们不厌其烦地将 WEBP 或 JPEG-XR 提供给支持这些格式的浏览器子集（Chrome、IE 11、边缘等）
截至 2017 年 3 月 14 日，Chrome 也原生支持 APNG：chromium.googlesource.com/chromium/src/+/…
GIF 太有限了，我会放弃它。现在所有浏览器都支持 APNG。我们最好开始利用这一点。