前言
让我们来探讨一下AE导出动效落地的几种主要格式。
动效格式概览
Gif图
1. Gif图是最为常用的格式，几乎与所有主流浏览器兼容，且实现起来相对简便。其最大问题是，Gif图不支持半透明/透明图，经常会出现白边。这在使用中常引起用户的不满。
Json文件
3. Json文件格式为设计师提供了一个便捷的解决方案。他们可以通过特定插件将AE制作的动画转换为json文件，这样开发人员就可以直接在软件中解析json文件来实现动画，无需再导出GIF或序列帧。
Gif图的详细解析
一、优势与劣势
Gif优秀的压缩算法确保了图像质量的同时降低了文件大小。通过多帧的设定，可以实现流畅的动画效果。它还支持设置透明色，使得对象能够以浮于背景之上的效果呈现。由于Gif的alpha通道限制，其透明度处理存在锯齿状边缘的问题。
如何导出Gif图？
1. 合成并添加到adobe media encoder。
2. 以下两种方式可进行Gif图的导出...
APNG格式详解
APNG是Mozilla在2008年发布的图片格式，它在PNG的基础上进行了扩展，以支持动画。该格式完全支持RGBA，因此能够提供更为丰富的颜色和透明度选项。
APNG已经在许多浏览器中得到了支持，尤其是Apple的Safari（OS X 10.10及更高版本，以及iOS 8及更高版本的Safari和内置WebView）。Firefox和从Chrome 59开始的Chrome桌面端也支持APNG。
由于APNG在iOS的WebView中是除GIF外唯一官方支持的动图格式，因此在移动端开发中需要引入动图时，APNG显得尤为重要。
APNG图形化制作工具和在线预览:
APNG大小优化:APNG Optimizer：
APNG Chrome插件:APNG for Chrome
WebP格式介绍
WebP是Google在2010年发布的图片格式，它完全开源并得到了Chrome和Android的原生支持。该格式使用了VP8（即WebM视频所用的）作为帧压缩编码器。
WebP同样支持RGBA，其静态图像的压缩率通常比同质量的PNG高约20%。现在，许多App厂商已经开始迁移到WebP格式。除了静态WebP，还有动态WebP格式(Animated WebP)支持。
需要注意的是动态WebP需要libwebp 0.4及以上版本的支持，并需要mux和demux模块。在自行编译时需留意相关要求。
APNG与WebP的浏览器支持情况
WebP浏览器支持情况（包括Animated WebP）：/webp