APNG格式图片在实际项目中的使用方式

点击上图可查看APNG效果

原文地址：https://segmentfault.com/a/1190000043497407
作者：Fw恶龙
本文首发于：思否

一、前言

关于APNG的支持情况，以及适用场景此处不做详细说明。
直接上结论，目前APNG格式在双端支持情况较好（除了IE浏览器），优势如下：

• 替代GIF格式的使用场景，相较GIF拥有更加丰富的色彩
• 替代序列帧的部分使用场景，减少开发者编写动画代码的工作量

二、在开发中如何使用？

1. 准备多张png格式的序列帧（如：ani_01.png、ani_02.png……）
2. 下载APNG汇编程序

3. 生成APNG格式

   1. 将序列帧拖入程序
   2. 设置每帧的间隔时长（如：1/8表示每1秒8帧）
   3. 选择需要保存的路径
   4. 生成
      
4. 将生成的素材在浏览器中预览效果

三、相关链接

• Can I use
• APNG汇编程序
• 序列帧合成