GIF、APNG、WebP有什么区别？三种动图格式怎么选

网页动图到底该用哪个格式？答案看播放环境：网页首屏用 WebP，聊天、社交、公众号继续用 GIF。同样内容同尺寸，WebP 通常比 GIF 小 30%–70%（Google 对 WebP 的官方说明里，30% 是常见起点），APNG 画质最接近原图但体积往往最大；GIF 只有 256 色、体积最大，却是唯一在所有平台都能直接播放的格式。

三句话分清这三个格式

GIF：1987 年的格式，8 位色也就是最多 256 色，透明只有 1 位——要么全透明要么完全不透明，所以边缘是硬锯齿。缺点是体积大、色彩少，优点是全世界都认它，浏览器、聊天软件、邮件客户端、老系统，没有例外。

APNG：把 PNG 做成动画，24 位色加 8 位透明通道，半透明边缘干净，画质接近无损。缺点是几乎没有做压缩优化，体积常常是同内容 WebP 的两三倍。

WebP：Google 2010 年推出，支持有损和无损动画，也有 8 位透明通道。同等观感下体积最小，现代浏览器全部支持，IE 和部分很老的安卓 WebView 不行。

一张表看完差异

体积一列受画面内容影响很大，这里给的是同内容同尺寸下的数量级对比，不是绝对值。

体积那一行的数据参考 Google 对 WebP 的官方说明：30% 是常见起点，画面越复杂（渐变、照片）收益越大，纯色块画面收益可能接近零。

网页加载慢，先换格式还是先压缩

按这个顺序判断，基本不会错：

第一步，看访客的浏览器分布。 后台数据里 IE 和老安卓占比接近 0，就可以放心往 WebP 走；还有明显残留，动图继续用 GIF，别为一个格式丢掉转化。

第二步，能换格式就换格式。 一屏放 5 张动图，从 GIF 换成 WebP，首屏图片流量通常能省掉一半以上，而且不用牺牲画质。这比逐张压缩省事得多。

第三步，不能换格式的，回来压缩。 压缩是通用手段，适用于所有必须用 GIF 的场景，包括公众号、微信、邮件。具体操作见 GIF 压缩，参数怎么取舍参考 超大动图压缩方法。

已经在用 GIF，怎么补救

三条路，按性价比从高到低：缩尺寸、缩时长、压缩。宽度从 800 降到 480，像素数少了一大半；时长从 6 秒砍到 3 秒，帧数直接减半；这两步做完再压缩，通常能把十几兆的动图拉回两三兆，画质在手机上看不出差别。

改颜色数是最后一招。256 色砍到 128 色，体积降得有限，色带却很明显，尤其是人物肤色和天空渐变。

为什么社交平台到现在还只认 GIF

兼容成本。GIF 解码器几乎内置在所有系统和应用里，支持 WebP 动图需要额外适配，对平台来说这是一笔看不到收益的投入。所以表情包、微信图文、邮件签名这些场景，短期内还是得回到 GIF。

反过来也成立：既然这些场景只能用 GIF，压缩就成了绕不开的基本功。

动图格式常见问题

1. WebP 动图在微信里能播放吗？

多数情况下会被转成静态图或无法播放。发微信、QQ、公众号，直接用 GIF 更保险。

2. GIF 转成 WebP 会掉画质吗？

用无损模式不掉，体积仍有明显下降；用有损模式会掉一点，但肉眼通常看不出来。网页场景优先用有损，收益更大。

3. APNG 和 WebP 哪个更清晰？

APNG 更接近无损，边缘和渐变更干净；WebP 在有损模式下会损失细节。要求极致画质选 APNG，要求体积选 WebP。

4. 手机相册支持 WebP 动图吗？

安卓较新的系统支持，iOS 支持不稳定，部分相册会显示成静态图。要在手机上查看和转发，还是 GIF 可靠。

5. GIF 能不能转回视频？

能，但要重新编码，颜色和画质不会回到原始水平。GIF 本身已经是降质后的产物，转回视频只是换了容器。

下一步：先定这张动图在哪播放——网页首屏走 WebP，微信、QQ、公众号走 GIF；格式定了再反推体积上限，超了就按「缩尺寸 → 缩时长 → 压缩」的顺序处理，别一上来就改颜色数。