Apng是什么?Apng怎么生成?Apng怎么用?浏览器都支持Apng吗?今天我们就一探究竟,一篇文章让你了解Apng动图的特性。

APNG的简介:

APNG是Mozilla在2004年推出的动图图片格式,是PNG的扩展,第一帧储存方式和普通的 PNG 一样在 IDAT 区段中,APNG 只是新增了三种区段:
ACTL (animation control) 用来存放帧数和播放次数,整个文件只有一个区段
FCTL (frame control) 用来存放每一帧的高、宽、位置、延时等信息,每一帧一个区段
FDAT (frame data) 用来存放除了第一帧以外后面每一帧的图片数据,采用 Deflate 压缩,每一帧一个区段

大厂做动图都开始用APNG了,你还在用GIF?-Qui-Note

APNG的优势:

1.支持全彩和透明,可容纳的颜色种类远远多出256种(实际上是1680万种颜色),更细腻、真实;
2.向下兼容PNG,不支持就会显示png格式;
3.压缩率高于GIF,同等位下,APNG的体积小于GIF动图;

具体的对比效果见:http://littlesvr.ca/apng/gif_vs_apng.html

PNG转APNG方法:

1.AE渲染出png格式动画队列;
2.打开isparta(http://isparta.github.io/),全选png图片,拖入isparta,填入AE设置的帧频率,输出格式为“APNG”,点击开始按钮就可以了!

APNG兼容性:

2016年iOS10的动态表情就已经使用了apng格式,当前很多淘宝动图,QQ表情都是这种格式的。而且can i use的浏览器支持率也达到了93%,现代主流浏览器都已支持并使用这个图片格式;另外,虽然安卓原生不支持,但是可以用框架实现。预计各大浏览器和平台使用也就这2年会普及!毕竟APNG的优势远远高于GIF。

大厂做动图都开始用APNG了,你还在用GIF?-Qui-Note