视频转 GIF

从视频中截取片段,转换为 GIF 动图,支持自定义时间范围和帧率

拖拽视频到这里,或点击选择

支持 MP4 / WebM / MOV,最大 100MB

MP4WebMMOV

什么是视频转 GIF?

了解视频片段转换为 GIF 动图的原理和最佳实践

视频转 GIF是将视频文件中的某个片段提取出来,转换为 GIF 动图的过程。与完整视频文件相比,GIF 无需播放器即可在网页和社交媒体中直接播放,非常适合制作短小的动态表情包和演示动画。

转换过程的核心是帧采样:在指定的时间范围内,按照目标帧率从视频中逐帧提取画面。每个提取的帧通过 Canvas 绘制为像素数据(ImageData),然后通过 GIF 编码器压缩为标准的 GIF 格式文件。

所有处理都在浏览器本地完成,视频文件不会上传到服务器。你可以自由调整截取的时间范围、输出帧率和画面尺寸,在画质和文件大小之间找到最佳平衡。

工作原理

1

视频解码

利用浏览器内置的视频解码能力,通过 <video> 元素加载视频文件,使用 seekTo 定位到指定时间点。

2

帧采样

按照目标帧率计算采样间隔,使用 requestAnimationFrame 逐帧捕获视频画面,通过 Canvas 2D 将视频帧绘制为像素数据。

3

尺寸缩放

如果指定了输出宽度,会按比例计算输出高度,将每帧画面缩放到目标尺寸,保持原始宽高比不变形。

4

GIF 编码

将所有采样帧的像素数据通过 Web Worker 编码为 GIF 格式,使用量化算法将 RGBA 数据映射到 256 色调色板。

使用场景

表情包制作

从有趣的视频片段中提取短动画,制作聊天表情包

操作演示

从录屏视频中截取关键操作步骤,生成 GIF 演示图

社交媒体

将视频精彩片段转为 GIF 分享到微博、朋友圈等平台

产品动图

从产品演示视频中提取展示动画,用于电商详情页

常见问题