UI常见的动效交付格式

GIF

在1989年制定的，相对比较老的格式
劣势：alpha通道只有1bit，会有白边、锯齿、杂边，边缘不好；8位色，颜色少只支持256色索引颜色。
不适合有透明背景的。

PNG帧动画/序列帧

32位色，约为1670万个颜色，8位色透明通道。AE原生就可以导出。
劣势：大小太大
适合使用场景：icon动效

导出方式

AE原生就支持。
文件——导出——添加到渲染队列
渲染设置：最佳；使用此帧速率：每导出一张图片就是一帧
输出模块：无损；格式：PNG序列；通道：RGB+Alpha

导出后预览方式：文件 → 导入 → 文件 创建合成，PNG序列
如果动效太快了，是因为帧太少了

APNG

是Mozilla在2008年发布的图片格式，旗下产品火狐。
本质上是在PNG的基础上加上一个扩展。

WebP

是Google在2010年发布的图片格式，完全开源，而且静态WebP的压缩率比起同质量PNG平均要高上20%左右。

APNG 和 WebP 的一键导出 AE 插件

https://zhuanlan.zhihu.com/p/72637097
下载包
BX-WebpApngExporter (2).zxp.zip.zxp.zip%22%2C%22size%22%3A2043190%2C%22type%22%3A%22application%2Fzip%22%2C%22ext%22%3A%22zip%22%2C%22source%22%3A%22%22%2C%22status%22%3A%22done%22%2C%22mode%22%3A%22title%22%2C%22download%22%3Atrue%2C%22taskId%22%3A%22u02f99548-491e-48cd-bb0e-1a14d7d5cf6%22%2C%22taskType%22%3A%22transfer%22%2C%22id%22%3A%22u4ecb52f5%22%2C%22card%22%3A%22file%22%7D) 安装后需要重新启动AE
窗口 → 扩展 → BX Wepb/Apng Exporter → 导出到文件夹里面（不支持桌面保存）→ 导出后可以在浏览器里面预览

SVG Animation

SVGA

YY团队做的库（理解为一种格式）
使用场景更多应用在直播的礼物或者特效
可以在中间穿插帧

导出方式

SVGA首页：https://svga.io/index.html
插件下载：https://svga.io/designer.html
步骤：窗口 → 扩展 → SVGAConverter_AE → 输出路径

Lottie

Airbnb公司做的一种库
https://airbnb.design/lottie/

导出方式

Airbnb 的 Lottie 文档：http://airbnb.io/lottie/#/
Bodymovin Code → Download ZIP
bodymovin.zxp.zip
Browse Local Files：预览（Preview）

Bodymovin 的 Github 主页：https://github.com/airbnb/lottie-web
LottieFiles 在线的 lottie 分享网站：https://lottiefiles.com/
lottie 社区页：https://lottiefiles.com/featured

GIF、PNG帧动画/序列帧、APNG、WebP、都是位图 SVG Animation、SVGA、Lottie都是属于矢量格式的动画，大小非常的小

ZXP安装器

ZXP 安装器：https://zxpinstaller.com/
下载包
ZXPInstaller for Mac.dmg.zip
ZXPInstaller for Win.exe.zip