PNG图片也能动起来

馨居士

说起动画图片，一定会想到只能展现出256色的GIF或曾一度广受追捧的Flash文件，而对于PNG这样的图片，一般不会将它与动画挂起钩來。但实际上，在以PNG为扩展名的图片文件中，还包含着一种能动的PNG图片，这就是APNG（Animated Portable Network Graphics的简称）。作为PNG的动画扩展，其优势在于图像不失真、无毛边无锯齿，现广泛应在网络播放中。

如何制作APNG动画

可以制作PNG动画的软件很多，这里以一款免费的“PNG图片编译器”为例为大家讲解吧。这款软件通过对离散的PNG文件进行汇编，产生一个动画PNG文件。

制作之前，我们可用传统图片制作软件如Photoshop，设计出所需的PNG系列帧文件，甚至可以将数码照片或截图转换成为PNG图片，然后用APNG编译器进行汇编，产生最终的PNG动画。除了支持PNG图片外，该软件还支持将TGA格式的图片导入到列表中，作为原始的素材文件。

至于制作方法，启动动画PNG文件编译器，点击“添加帧”按钮，将PNG文件添加到文件列表（图1）。列表中的每一帧图片均可通过右侧窗口进行预览，不合适的帧可点击“删除帧”按钮删除，同时可用“上移”或“下移”按钮调整顺序；对所选帧或全部帧的延时时间进行灵活设置；命名生成的动画文件名，扩展名采用默认的PNG格式。接下来，在右侧窗格中设置好压缩方式、调色板和颜色的优化选项、循环播放选项等。最后点击“开始编码”按钮，生成PNG动画文件（图2）。

怎么播放APNG

如果一个看图软件的解码器不识别APNG格式，那么至少能够正常回放动画PNG文件的第1幅普通画面。因此你会认为这是一张静态PNG图片，但其实它是动画。在PC端，Windows本身不支持APNG的播放，但可以通过Firefox（火狐）浏览器解决。网页中内嵌了APNG格式的PNG文件或将图片拖动到火狐浏览器中，该浏览器可自动播放APNG动画（图3）。若使用Chrome浏览器，下载安装APNG插件进行播放即可。

而移动端呢，Android平台首选Firefox浏览器播放APNG。苹果设备在iOS 8之前只有用Firefox这款主流浏览器来支持该格式，而当系统升级到iOS 8之后，Safari开始了对APNG的支持。