APNG 相关资源合集

一张照片在Instagram反复上传下载90次之后

GIF/PNG/JPG和WEBP/base64/apng图片优点和缺点整理

APNG历史、特性简介以及APNG制作演示

APNG 那些事

客户端上动态图格式对比和解决方案

生成工具列表

生成工具之一 github

iSparta这个工具应该有bug，生成的图片在iphone上解析经常会引起webview crush.

MAC下一个叫 APNGb的软件生成的质量比较稳定，但是ios10.3.3系统有一些问题，无法识别动图，会卡在第一帧。

一个apng-js库，亲测可用！

APNGKit (IOS)

TweakPNG 查看图片编码的软件

检测是否支持 APNG

   function checkApngSupport() {
      return new Promise(resolve => {
        let apngTest = new Image();
        let ctx = document.createElement("canvas").getContext("2d");
        apngTest.onload = function() {
          ctx.drawImage(apngTest, 0, 0);
          resolve(ctx.getImageData(0, 0, 1, 1).data[3] === 0);
        };
        apngTest.src =
 "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACGFjVEwAAAABAAAAAcMq2TYAAAANSURBVAiZY2BgYPgPAAEEAQB9ssjfAAAAGmZjVEwAAAAAAAAAAQAAAAEAAAAAAAAAAAD6A+gBAbNU+2sAAAARZmRBVAAAAAEImWNgYGBgAAAABQAB6MzFdgAAAABJRU5ErkJggg==";
      });
    }

检测支持 WEBP
一个讨论

有人提到下面这个：
Google官方建议
另一个

Vue的一个JSON生成SVG 组件 确点是耗性能，gif直接是浏览器解析，SVG这种还有js的计算。 Github