头图


点击上图可查看APNG效果(20231124 貌似思否更新了,目前无法查看效果)

原文地址: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. 将生成的素材在浏览器中预览效果

三、相关链接


Fw恶龙
276 声望46 粉丝

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视。