格式知识 约 5 分钟
GIF 与 WebP 动图:格式差异、体积对比与选择
GIF 是 1987 年的格式:每帧最多 256 色、透明只有「全透或不透」两档。WebP 动图是它的现代替代——真彩色、带 alpha 半透明、同内容体积小 30–70%。选哪个不取决于画质,取决于接收方的环境。
硬指标对比
| 维度 | GIF | WebP 动图 |
|---|---|---|
| 颜色 | 每帧最多 256 色 | 真彩 1677 万色 |
| 透明 | 1 位(锯齿边缘) | 8 位 alpha 平滑半透明 |
| 同内容体积 | 基准 | 小 30–70% |
| 浏览器支持 | 全部 | 全部现代浏览器 |
| IM / 编辑器 | 全平台 | 部分老客户端不认 |
同一段 3 秒视频转 GIF 约 2–4MB,转 WebP 约 0.5–1MB。差距来自颜色深度与帧间编码——GIF 没有帧间压缩,每帧都是完整画面。
按场景选格式
网页与博客插图:WebP。现代浏览器全支持,体积小即加载快;真彩色让渐变与阴影不再出现色带。
聊天表情、论坛头像、邮件签名:GIF。这些环境对 WebP 的支持仍不完整,动图发出去变静态图是最常见的翻车。
需要透明底的动图(贴纸、悬浮元素):WebP。GIF 的 1 位透明在复杂背景上有一圈白边锯齿,WebP 的 alpha 通道平滑过渡。
转换时的参数口径
两种格式从同一源视频转换时,宽度与帧率口径一致:宽度 480px、12fps 是清晰与体积的平衡点。WebP 因为编码效率高,可以把宽度放到 640px 而体积仍小于 GIF。
已有 GIF 想转 WebP 时不必找回源视频:GIF 转 WebP 是有损到有损的转换,但 WebP 的真彩管线能装下 GIF 的 256 色内容,没有额外可见损失。