想做个动图发群里？GIF 与 WebM 的生成、体积优化与平台适配全攻略
截视频里一段高光做成动图，是日常最高频的小操作之一：游戏名场面、宠物搞笑瞬间、教程演示步骤……但很多人第一次做 GIF 会被吓到——明明只有 3 秒钟，文件却好几 MB，微信直接拒收。这篇文章会把"动图为什么大""怎么压到最小""为什么更推荐 WebM"讲透，并给出可直接套用的命令、批量脚本和针对不同平台（微信/Discord/Twitter/网页）的适配建议。
一、GIF 为什么这么大
要理解怎么压缩，先得知道它为什么膨胀。GIF 本质是带调色板的帧动画：
- 每帧最多 256 色，且默认是全局调色板，导致色彩断层严重；
- 它不做帧间压缩——30 帧就是 30 张独立存的图像，冗余巨大；
- 很多人不限制尺寸和帧率，直接把 1080p 视频原样转，体积自然爆炸。
一个直观对照：同样 3 秒 480p 片段，未优化的 GIF 可能 8MB，优化后 800KB，而同等观感的 WebM 可能只有 200KB。
二、第一步：精准截取目标片段
别拿整个视频转，先切出你要的那几秒。从 00:30 开始取 4 秒：
ffmpeg -ss 00:00:30 -t 4 -i input.mp4 -c copy clip.mp4
-ss 在前表示"输入前跳转"，配合 -c copy 极快；如果源有关键帧问题导致开头不干净，把 -ss 放到 -i 之后（会稍慢但更准）。
三、第二步：GIF 优化的关键——调色板
直接 ffmpeg -i clip.mp4 out.gif 是最差做法：颜色差、体积大。正确姿势是两步走，先生成专属于这段内容的调色板：
# 1. 生成调色板（分析片段里出现最多的 256 色）
ffmpeg -ss 00:00:30 -t 4 -i input.mp4 \
-vf "fps=15,scale=480:-1:flags=lanczos,palettegen=stats_mode=diff" \
palette.png
# 2. 用调色板生成 GIF
ffmpeg -ss 00:00:30 -t 4 -i input.mp4 -i palette.png \
-lavfi "fps=15,scale=480:-1:flags=lanczos[x];[x][1:v]paletteuse=dither=bayer" \
out.gif
参数含义：
fps=15：动图 10–15 帧足够流畅，再高人眼也察觉不到，反而更占空间；scale=480:-1：宽度压到 480，高度按比例；palettegen=stats_mode=diff：按帧间差异统计颜色，动图更顺；paletteuse=dither=bayer：抖动算法，减少色带。
四、第三步：考虑用 WebM 替代 GIF
GIF 的局限（256 色、无压缩、不支持真透明渐变）在 WebM 面前都不是问题。WebM 用 VP9 视频 + 可选 Opus 音频，支持帧间压缩、真彩、透明，体积通常是 GIF 的 1/5 到 1/10：
ffmpeg -ss 00:00:30 -t 4 -i input.mp4 \
-vf "fps=15,scale=480:-1" \
-c:v libvpx-vp9 -b:v 0 -crf 40 -an \
out.webm
-b:v 0 -crf 40：恒定质量模式，数值越大体积越小、画质越低；-an：不要音频（纯动图）；想带声去掉-an并加-c:a libopus。
追求更小可用 AV1（libaom-av1），压缩率更高但编码慢很多。
五、平台适配建议
不同平台对动图格式和大小限制不同，别一刀切：
| 平台 | 推荐格式 | 建议上限 | 备注 |
|---|---|---|---|
| 微信 | GIF | ~1MB | 微信对 GIF 兼容性最好，但压得狠 |
| Discord | GIF/WebM | 8MB（普通）/50MB（Nitro） | WebM 体验佳 |
| Twitter/X | MP4/GIF | 15MB（移动）/5MB（Web） | 其实当短视频发 MP4 更稳 |
| 网页嵌入 | WebM + GIF 兜底 | 越小越好 | <picture> 里 WebM 优先 |
所以通用策略：网页用 WebM（配 GIF 兜底），IM 用压过的 GIF，社交媒体直接发短视频 MP4。
六、批量做一堆动图
固定参数遍历整个目录：
for f in *.mp4; do
ffmpeg -i "$f" -vf "fps=12,scale=360:-1" -t 3 \
-filter_complex "[0:v]split[a][b];[a]palettegen[p];[b][p]paletteuse" \
"${f%.mp4}.gif"
done
一行 -filter_complex 同时生成调色板并应用，省去中间文件。
七、控制体积的进阶技巧
- 缩更小：
scale=320:-1比 480 小很多，手机上看足够； - 降帧率：
fps=10适合慢动作/文字类内容； - 限制调色板颜色数：
palettegen=max_colors=128进一步压缩； - 裁剪无关区域：
-vf "crop=400:400:100:100,..."只保留重点区域。
八、常见翻车现场
| 现象 | 根因 | 解法 |
|---|---|---|
| GIF 颜色发绿/断层 | 没用调色板 | 走 palettegen/paletteuse 两步 |
| WebM 打不开 | 平台不支持 | 退回 GIF 或转 MP4 |
| 体积还是大 | 尺寸/帧率没压 | 降 scale 和 fps |
| 画面卡顿 | 源帧率低被强提帧 | 保持 fps 接近源 |
| 带声 WebM 没声 | 忘了加音频流 | 去掉 -an 并指定 -c:a libopus |
九、常见问题
Q：能不能精确控制 GIF 文件大小？ GIF 本身难精确控大小；WebM 用 -b:v 限制码率更可控，比如 -b:v 300K。
Q：透明背景怎么做？ GIF 支持二值透明；WebM（VP9/AV1）支持真·透明 alpha，用带透明通道的源即可。
Q：为什么我的 GIF 比视频还大？ 你多半没限制尺寸和帧率，且没走调色板。按本文方法能压到视频的零头。
Q：动图能加水印吗？ 能，在 -vf 里加 drawtext 或 overlay 滤镜即可，和视频加水印同理。
小结
做动图记住三句话：先切片、必走调色板、优先 WebM。GIF 留给只认它的老平台，WebM 给现代环境，社交媒体直接发 MP4 短片段最稳。体积控制的核心永远是"尺寸 × 帧率 × 颜色数"三件套。