Gif图
1.最常用的当属Gif图，它几乎与所有主流浏览器兼容，完成起来更方便简单，但最致命的问题是，Gif图片不兼容半透明/透明图片，甚至出现大量白边。所以在使用中经常会被吐槽。
Apng/Webp图
2.Apng/Webp由于一些兼容性问题，格式图可适用于半透明/透明动图，无白边，但应用不广泛。
Json文件
3.json设计师将文件格式AE动画通过插件生成json开发学生可以直接在软件中分析文件json实现动画的文件。设计师不需要再导出GIF或序列帧。
Part1
一、GIF的优势和劣势
优保证图像质量的同时，优秀的压缩算法使其体积变小。可以插入多帧，从而达到动画效果。可以设置透明的颜色，使物体在背景上浮现。
GIF的劣势
GIF的alpha通道只有1bit，换句话说，像素要么不完全透明，要么不完全不透明，不像今天PNG的RGBA的8bitalpha通道，alpha值也可以和RGB都有255个透明值。这导致了所有GIF的图片带上透明度以后，边缘会出现明显的锯齿。因此，如果您的客户端必须显示透明动图，GIF大部分都不能考虑
如果导出Gif图？
1.合成-添加adobemediaencoder
2.以下2种方式可导出GIF图
Part2
APNG是Mozilla本质上，2008年发布的图片格式是PNG在此基础上加上一个扩展，而且很简单就可以实现。所以可以完全支持RGBA。可以规范APNGSpecification。
虽然没有添加此规范PNG但许多浏览器已经支持了开发组APNG。最主打的是Apple的Safari（OSX10.10以后的Safari，及其iOS8以后的Safari和内置WebView），已完全支持。Firefox儿子自然一直支持。Chrome桌面已经从Chrome59开始支持，现在就差了Edge了。具体支持程度参见浏览器兼容性。
由于时间长，各种动图制作工具、优化工具都有相应的项目支持。并且在iOS里的WebView里面是除GIF另外，唯一官方支持的动图格式，所以如果你做移动终端开发，你必须WebView页面引入动图，APNG还是必要的。
