扩展系列-图片格式
静态图片格式
JPG / JEPG
PNG
WEBP
动态图片格式 / 方案
GIF
APNG
APNG是Mozilla在2004年推出的动图图片格式，是PNG的扩展，第一帧储存方式和普通的 PNG 一样在 IDAT 区段中，APNG 只是新增了三种区段：
ACTL (animation control) 用来存放帧数和播放次数，整个文件只有一个区段
FCTL (frame control) 用来存放每一帧的高、宽、位置、延时等信息，每一帧一个区段
FDAT (frame data) 用来存放除了第一帧以外后面每一帧的图片数据，采用 Deflate 压缩，每一帧一个区段
优势
1.支持全彩和透明，可容纳的颜色种类远远多出256种（实际上是1680万种颜色），更细腻、真实；
2.向下兼容PNG，不支持就会显示png格式；
3.压缩率高于GIF，同等位下，APNG的体积小于GIF动图；
具体的对比效果见：http://littlesvr.ca/apng/gif_vs_apng.html
参考链接：https://course.51qux.com/1874.html
Lottie
动效制作方案：一种是帧动画，以逐帧的方式来播放动画；第二种是骨骼动画，基于一套基础的骨架，来播放动画；然后是 Lottie 动画。
Spine 是一款针对游戏开发的 2D 骨骼动画编辑工具。 Spine 旨在提供更高效和简洁 的工作流程，以创建游戏所需的动画。