APNG和GIF，哪一个更好？

Question

APNG和GIF，哪一个更好？

16

我一直在使用GIF作为小型加载图像。它们一直表现良好，除了偶尔会出现透明度问题和8位颜色。最近我发现了APNG。但是我不知道是否应该使用它。它在浏览器上的支持情况如何？文件大小呢？一个大的gif图像已经有很大的文件大小了...

- Ruchan

3

此问题似乎与图像格式有关，而非编程，因此不符合主题。 - Sergio Tulentsev

1

我认为这是网页设计过程的一部分。Stackoverflow只适用于编程问题吗？那CSS和HTML问题为什么会在这里呢？ - Ruchan

1

用于网页的。 - Ruchan

2

截至2017年1月，IE、Opera和Chrome支持apng。 - jeffB

8

为什么这是“基于观点的”？完全有可能给出客观答案，讨论文件大小、图像质量和浏览器兼容性。即使后者是一个不断变化的目标，一个客观的答案可以描述每个浏览器何时引入支持，以及在哪里寻找关于浏览器支持的最新信息。 - donquixote

显示剩余4条评论

4个回答

8

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

现在（2016年6月）比提问时有更多的浏览器支持。iOS Safari现在支持APNG（自版本8以来）- 这是一个相当大的用户群体。因此，您可以将APNG提供给Firefox桌面版和Android、Safari桌面版和iOS，并向所有其他浏览器提供GIF。

Cory Dowdy有一些很好的比较数据，包括动态webp。

更新2018年12月4日：Chrome、Opera和桌面版Safari现在支持动态PNG。这已经持续了几个月。

- LearningFast

APNG和GIF文件大小之间的差异仅为10％...嗯嗯嗯。我认为减少全球总体网络流量10％将是非常显著的。 - btomtom5

其他可以进行比较的因素呢？APNG 在解码（编码也是，但没那么有趣）方面比 GIF 更快吗？或者占用更少内存？ - android developer

5

Apng 是更好的格式。GIF 和 apng 都是无损格式，但是 apng 倾向于更小，并且质量更好（更多颜色和透明度的能力）。不幸的是，apng 目前被广泛地不支持，但这可能会改变。希望 apng 能够得到普及。

- colt

2

嗯... GIF 不是无损的。对于动画，每帧只支持 256 种颜色调色板。 - Henrik Sommerland

3

GIF对于256色图像是无损的。即使是256色，JPEG也不是无损的。但对于通常颜色少于256种的标志，GIF一直被用作无损替代品，因为JPEG会使边缘变得模糊。 - Trendfischer

-9

时代在变化，请看下面的回答！

我肯定会坚持使用GIF。我之前没有听说过APNG，但是现在经过我的研究，它似乎几乎没有得到支持。听起来像是Internet Explorer和Chrome都不支持它，这对于大多数用户来说似乎毫无用处。即使它被支持了，我的研究可能是错误的，但仍然只有最近的一两个版本才支持它。对于一个有很好替代品的东西，我几乎不认为那种风险值得冒。而且我知道，我的IE最新版本与我遇到的任何APNG文件都不兼容。

也许在未来的几年里，如果它流行起来，那会很好，但现在它并不是一个好主意。

- Matthew Haugen

4

FYI，现在有更多的浏览器支持APNG格式，特别是iOS Safari和Mac Safari。与GIF相比，APNG文件更小，因此对于高流量网站来说可能值得一试 - 基本上是那些为支持这些格式（如Chrome、IE 11、Edge等）的子集而费力提供WEBP或JPEG-XR的情况下。 - LearningFast

13

截至2017年3月14日，Chrome浏览器也原生支持APNG格式：https://chromium.googlesource.com/chromium/src/+/7d2b8c45afc9c0230410011293cc2e1dbb8943a7 - Augustin

6

GIF的功能太有限了，我会放弃它。现在所有的浏览器都支持APNG格式，我们最好开始利用它。 - Royi

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user3843763 · Accepted Answer

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