juejin.cn

1. Gif / APNG / WebP

Gif

• 优点：简单方便，兼容性好，支持透明。
• 缺点：仅支持8bit索引色（256色），可能导致颜色失真和锯齿；体积较大；只能循环播放。

Apng

• 优点：支持半透明，颜色还原度高，体积较小。
• 缺点：兼容性较差；只能循环播放，但可通过转成Canvas绘制实现播放和暂停。

WebP

• 优点：提供高压缩率和良好图像质量，支持透明度和动画。
• 缺点：兼容性较差；只能循环播放，但可通过转成Canvas绘制实现播放和暂停。

2. 帧动画

• 优点：可以自由控制播放、暂停、帧速率、动画时长。
• 缺点：在动画帧率较高时，需要请求大量图片资源，可能导致弱网状态下动画卡顿。

3. Video视频

透明背景MP4

• 适用于直播软件中的全屏礼物特效，但Web支持度不佳。

非透明背景MP4

• 适用于全屏背景动画，需要设计师提供全屏静音视频。
• PC端：自动播放限制不多，只需默认静音。