APNG与GIF.哪个更好?

Ruc*_*han 7 image gif apng

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

小智 19

我认为APNG更好.因为它支持24位和8位透明度.此外,它还受到Mozilla Firefox,Chrome,Safari等浏览器的支持(请参阅https://caniuse.com/#feat=apng).

  • 截至2017年3月14日,Chrome还原生支持APNG:https://chromium.googlesource.com/chromium/src/+/7d2b8c45afc9c0230410011293cc2e1dbb8943a7 (6认同)
  • 截至 2017 年 4 月 29 日,Chrome Beta 版增加了对动画 PNG 的支持。希望在 Chrome 59 发布时能看到它的全面支持。 (2认同)

Lea*_*ast 6

如果我们专注于文件大小,动画PNG优于GIF - 实现更小的文件大小是APNG格式设计的原因之一.在此图像比较测试数据中,您可以看到每个图像的APNG小于GIF.

现在(2016年6月)有更多的浏览器支持,而不是问这个问题时.iOS Safari现在支持APNG(从版本8开始) - 这是一个非常大的用户群.因此,您可以将APNG提供给Firefox桌面和Android,Safari桌面和iOS,并为所有其他浏览器提供GIF服务.

Cory Dowdy 在这里有一些很好的比较数据,包括动画webp.

更新2018-12-4:Chrome,Opera和桌面Safari现在支持动画PNG.这几个月都是如此.


小智 5

Apng是一种更好的格式.GIF和apng都是无损的,但是apng往往更小,更好的质量(更多的颜色和透明度的能力)不幸的是apng在很大程度上是不受支持的,但这可能会改变.希望apng能够抓住.

  • 咳咳……GIF 不是无损的。对于动画仅支持每帧 256 色的托盘。 (2认同)
  • 对于256色图像,GIF是无损的.即使在256色上,JPEG也不会无损.但对于通常少于256色的徽标,GIF作为无损替代品已经使用了很长时间,因为JPEG软化了边缘. (2认同)

Mat*_*gen -9

时代变了,请看下面的答案!


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

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

  • 截至 2017 年 3 月 14 日,Chrome 还原生支持 APNG:https://chromium.googlesource.com/chromium/src/+/7d2b8c45afc9c0230410011293cc2e1dbb8943a7 (13认同)
  • GIF 太有限了,我会放弃它。现在所有浏览器都支持 APNG。我们最好开始利用这一点。 (6认同)
  • 仅供参考,现在有更多浏览器支持,特别是 iOS Safari 和 Mac Safari。APNG 生成的文件比 GIF 更小,因此对于高流量网站来说可能是值得的 - 基本上,与人们不厌其烦地将 WEBP 或 JPEG-XR 提供给支持这些格式的浏览器子集(Chrome、IE 11、边缘等) (4认同)