使用教程
在浏览器中将视频转为 GIF
把短视频片段转换成 GIF、动态 WebP 或动态 AVIF，并了解片段长度、FPS 与宽度对文件大小和观感的影响。
GIF 和轻量级动态图片如今依然常用于社交互动、产品文档和客服工单。借助视频转动图，你可以把视频中的一个片段（最长 30 秒）转换成 GIF、动态 WebP 或动态 AVIF，并可自定义 FPS 和宽度，整个过程都在浏览器里完成。
什么时候该把视频转成 GIF 或 WebP
比较适合的场景包括：
- 在 Slack、Discord 等聊天工具里分享简短反应图、UI 演示或 bug 复现过程
- 当邮件不方便附带视频时，用轻量动态图片展示动作
- 想在页面或说明文档里嵌入一个比完整 MP4 更短小的循环片段
如果你需要保留音频、处理很长的视频，或追求接近电影级的画质，就不适合使用 GIF。这类场景更建议用视频转 MP4或视频压缩导出 MP4。
不同输出格式的区别
| 格式 | 优势 | 代价 |
|---|---|---|
| GIF | 兼容性最广 | 文件大、只有 256 色的典型 GIF 观感 |
| 动态 WebP | 压缩效率通常优于 GIF | 某些旧应用或旧平台不一定能播放 |
| 动态 AVIF | 压缩表现非常好 | 浏览器与应用对动态图支持仍有限 |
如果当前浏览器不支持动态 AVIF，可以改用 GIF 或 WebP。
分步操作：生成动态图片
- 打开 视频转动图 并上传视频。
- 在时间线上拖动蓝色片段条，选择要导出的范围（最长 30 秒）。工具加载后会默认选中一段较短片段，你可以自行调整。
- 选择输出格式：GIF、动态 WebP 或 动态 AVIF。
- 设置 FPS 和 宽度。数值越低，文件通常越小；数值越高，动画会更顺滑。
- 如果所选格式支持，还可以继续调整 质量。
- 点击 转换并下载，保存导出文件。
整个转换都在当前浏览器标签页里执行。片段越长、FPS 越高，编码耗时会明显增加。
如何做出更小、更干净的循环图
- 片段尽量短。 做表情包或反应图时，3 到 5 秒往往比 30 秒更有效。
- 适当降低 FPS。 UI 演示 8-12 fps 通常就足够；动作较多的内容可考虑 15-24 fps。
- 缩小宽度。 用于聊天工具时，把宽度降到 480px 或更低，通常能显著减小体积。
- 去掉无效帧。 让片段从动作真正开始的那一刻起算，而不是把空白停顿也导出去。
- 能用 WebP 就别强上 GIF。 如果接收方使用的平台支持，动态 WebP 往往比 GIF 更省空间。
按发布场景选格式
| 场景 | 实用选择 |
|---|---|
| 飞书 / Slack / Discord | 优先 WebP；不支持时用 480px 宽度的短 GIF |
| 邮件 / 文档 | GIF，或改用视频截图导出静帧 |
| 现代网站后台 | CMS 允许时优先动态 WebP 或 AVIF |
拿不准时，可各导一份：小体积 GIF 保证通用预览，WebP 留给使用新浏览器的同事。发到微信群里时，GIF 兼容性通常仍更稳。
反应图循环的心理学
最好的反应动图应像无限循环：动作在节拍上结束，又能自然接回开头。拖动蓝色片段，直到首尾帧看起来接近——哪怕体积完美，闪一下的跳切也会毁掉循环感。
UI 演示往往一个完整动作（点击 → 菜单展开 → 选中）比随便截三秒更清楚。转换前先裁掉两端无效帧。
梗图文化偏爱高对比、320px 宽仍能看清的脸——若 480px 下眼睛都糊了，应再降宽度而不是提高 FPS。
目标时刻埋在长文件里时，可先用视频修剪导出短片段——输入更小、编码更快，也减少「帧数过多」报错。
GIF 不适合渐变和胶片颗粒——色带难免；设计评审用 WebP 通常更顺。
常见问题
片段太长。 单次导出上限是 30 秒，需要把蓝色范围缩短。
提示帧数过多。 可以降低 FPS，或者进一步缩短片段。
动态 AVIF 不可用。 这说明浏览器当前没有对应编码能力，可改用 WebP 或 GIF。
颜色看起来有条带感。 这是 GIF 调色板限制带来的典型现象。可以尝试 WebP / AVIF，或者接受它本身的 GIF 风格。
常见问答
能直接把整部视频转成 GIF 吗？
不能。每次导出最多 30 秒。如果源视频很长，可以先用视频修剪或提取视频片段准备好范围，再把其中一个片段转成动图。
会包含声音吗？
不会。GIF、动态 WebP 和动态 AVIF 都是静音格式。