视频转 GIF
手机拍的视频、电脑录的屏,截一段就能做成 GIF 动图。宽度、帧率自己定,生成前就知道大概多大,视频全程不离开你的设备。
正在加载视频组件(仅首次)…
🔒 视频在你自己的设备上转成 GIF,不会上传到任何服务器。设置会记在这个浏览器里。
视频怎么转成 GIF
- 把视频拖进上面的框,或者点选择视频。MP4、MOV、WebM、MKV 都可以,一次放多个也行,每个视频在列表里占一行。
- 在开始、结束里填时间(单位是秒,也能写成 1:05 这样),或者把预览暂停到合适的位置,点用当前位置。再选宽度和帧率,下面那行会实时显示帧数、尺寸和预计大小。
- 点生成 GIF,出现动图预览后点下载 GIF。做好两个以上,可以用全部下载(ZIP)一次存下来。
工具具体做了哪些事
从开始时间起,按帧率等间隔取画面:12 帧/秒就是每 1/12 秒取一帧,6 秒的片段正好 72 帧。每一帧按选好的宽度等比缩小,只缩不放——原视频比选的宽度还窄,就保持原宽,编辑区会写明。手机竖着拍的视频,出来还是竖的;特别高的画面,高度最多 1280 像素。
GIF 每帧最多只能有 256 种颜色。工具会从片段里均匀挑 8 帧,算出一套全片共用的调色板,颜色不会一帧一个样、来回闪;代价是只在片段里闪现一下的颜色(比如半秒钟的红色 Logo)可能分不到专门的颜色,会用最接近的颜色代替。声音会被舍弃,因为 GIF 格式本身没有音轨。生成的文件沿用原视频的名字,比如 IMG_0001.MOV 会变成 IMG_0001.gif。
按用途选参数
GIF 的体积主要看三样:画面多大、每秒几帧、截了多长。下表是几种常见用途的起步参数,属于经验值,不是哪个平台的规定。调的时候留意编辑区下面那行预计大小,超过 15 MB 会出现红字提醒。
| 用途 | 宽度 | 帧率 | 时长 |
|---|---|---|---|
| 聊天表情、斗图 | 240~320 像素 | 10~12 帧/秒 | 1~3 秒 |
| 公众号、知乎文章里的步骤演示 | 480~640 像素 | 10~12 帧/秒 | 3~8 秒 |
| 电商详情页的功能、用法展示 | 640~800 像素 | 10~15 帧/秒 | 5 秒左右 |
| 在线文档、工单里的操作录屏 | 640~800 像素 | 8~10 帧/秒 | 10 秒以内 |
| 作品集、动效交付 | 800 像素或自定义更宽 | 15~20 帧/秒 | 几秒钟 |
宽度有 320、480、640、800 四个预设,要 240 这种尺寸,在“自定义”里直接填,范围 32~1280 像素,高度按视频原比例自动算。帧率可选 8、10、12、15、20,默认 12。这几项设置会记在当前浏览器里,下次打开不用重选。
GIF 为什么比原视频还大
几秒钟的 GIF 比整段视频还大,这很常见,原因出在格式上。MP4 里常见的 H.264、HEVC 编码,隔一段才存一张完整画面,其余帧只记“跟前后帧比哪里变了”。GIF 是 1989 年定型的老格式,没有这套机制,每一帧都是一张独立的图片,靠 LZW 无损压缩。这个工具也不做帧间裁剪,每一帧都完整保存,体积好预估,但不是理论上最小。
谷歌 web.dev 讲“用视频替代 GIF”的文章里有个例子:同一段动画,GIF 是 3.7 MB,MP4 是 551 KB,WebM 只有 341 KB。所以网站上自己放的动画,一般用静音循环的视频;只认图片的地方,才非 GIF 不可。
画面内容对体积的影响,不比参数小。LZW 靠找“前面出现过的像素组合”来省空间,大片纯色几乎不占地方,噪点最费:
- 好压的:软件界面录屏、PPT、卡通、Logo 动画,大面积是同一种颜色。
- 难压的:手机实拍的噪点、暗光下的颗粒、树叶、水面、彩带、手持晃动、大片渐变的天空。
实拍素材做出来太大,调小宽度通常最管用。拍的时候光线充足、手机拿稳,噪点少了,GIF 也会小一些。
颜色发颗粒、出现一圈圈色带,是怎么回事
视频每一帧能显示上百万种颜色,GIF 每帧最多 256 种。天空、晚霞、柔光下的皮肤、虚化的背景这类平滑过渡,压到 256 色以后会断成一道一道的色阶,这就是色带,也叫色彩断层。
勾上抖动,工具会改用 Floyd–Steinberg 误差扩散:每个像素和原色之间的偏差,按比例摊给周围还没处理的像素,逐行换方向来回扫描,免得花纹往一边偏。远看过渡变顺了,凑近看是细密的颗粒;文件也会变大,因为颗粒区域不好压。勾上以后预计大小会跟着更新。
- 录屏、软件界面、文字、卡通:不用开。纯色本来就够用,开了反而让边缘发毛。
- 实拍的天空、人脸、阴影、渐变:介意色带就开,代价是文件大一些。
提示图片太大、发不出去怎么办
微信表情、公众号正文、各类后台上传 GIF 都有大小限制,具体数字各家不同,也会调整,以上传时的提示为准。超了就按下面的顺序调,每改一项都看一眼预计大小:
- 调小宽度:效果最明显。宽度减半,高度跟着减半,像素只剩四分之一。聊天表情 240~320 像素足够。
- 降低帧率:15 帧降到 10 帧,帧数少三分之一。表情包动作简单,8 帧/秒往往也看不出卡。
- 截短片段:时长减半,帧数减半。不少表情截 1~2 秒,循环起来反而更自然。
- 关掉抖动:渐变多的画面,关掉后能小不少。
几招都用上还是太大,说明内容本身不适合做 GIF,比如很长的实拍片段。这种情况直接发视频更合适,嫌视频太大,可以用视频压缩压到合适的大小;只想要里面的声音,用 MP4 转 MP3 单独存下来。
录屏做动图:快捷键和清晰度
教程配图、给开发看的交互演示、Bug 复现,多半是录屏做的。系统自带的录屏就够用:
- Windows 11:按 Win + Shift + R,框选要录的区域后开始,截图工具会把录屏存成 MP4,放在“视频”文件夹下的屏幕录制子文件夹里。
- Mac:按 Shift + Command + 5,选“录制整个屏幕”或“录制所选部分”,录好的是 .mov 文件,默认存在桌面。
- 手机:苹果和大部分安卓手机的控制中心或下拉菜单里都有“屏幕录制”开关,录好存进相册。
高分屏录出来的像素比眼睛看到的多。Mac 的视网膜屏按 2 倍录制,看着 700 像素宽的窗口,录出来是 1400 像素;Windows 笔记本的显示缩放常见 125%、150%,录出来的界面也放大了同样的倍数。把 GIF 宽度设成录屏宽度的一半(Windows 按缩放比例除),界面回到原本大小,字更清楚,像素还只有四分之一。
录之前关掉消息通知,鼠标移动放慢,点击的地方停一下。开头和结尾各留一秒静止画面,用播放片段把选中的部分从头到尾看一遍,再微调开始、结束时间,让结尾能顺顺地接回开头。
苹果手机拍的视频读不了?
iPhone 相机一般用 HEVC(H.265)编码拍视频,对应“设置 → 相机 → 格式”里的“高效”。HEVC 能不能解,要看浏览器和设备:Safari 本身支持 HEVC;Windows 电脑上,Chrome 需要显卡支持并开着硬件加速,Edge 还要从微软商店装“HEVC 视频扩展”。解不了的时候,工具会直接说明是 HEVC 的问题,不会给你一个坏文件。
解决办法有三个:换 Safari,或者到 Mac 上做;在 Chrome 的“设置 → 系统”里打开“使用图形加速功能(如果可用)”,重启浏览器再试;以后拍视频前把 iPhone 的格式改成“兼容性最佳”,新拍的视频就是 H.264,几乎所有浏览器都能解。
提示浏览器不支持,或者转得很慢
工具靠浏览器自带的视频解码接口(WebCodecs)干活,新版电脑端 Chrome、Edge、Firefox、Safari 都有。用 360、QQ、搜狗这类双核浏览器的话,确认开的是“极速模式”,切换按钮一般在地址栏右侧;兼容模式用的是老 IE 内核,跑不了这类网页工具。仍然提示浏览器太旧,就换最新版的 Chrome 或 Edge。
编辑区出现“改成一帧帧截图”的提示,说明浏览器没法直接解码这个视频,工具换了条路:用浏览器自己的播放器逐帧跳转截图。做出来的 GIF 一样,只是慢一些,片段越长越明显,等进度条走完即可。
第一次使用时,页面要从 capypix.com 加载视频组件,会显示“正在加载视频组件”,网速慢时稍等一下。
一段视频最多能截多长
为了不把浏览器撑爆,工具设了两道上限。一是每个 GIF 最多 600 帧,换算成时长:8 帧/秒 75 秒,10 帧/秒 60 秒,12 帧/秒 50 秒,15 帧/秒 40 秒,20 帧/秒 30 秒。二是“帧数 × 宽 × 高”不能超过 1 亿像素,宽度越大越容易碰到。几种常见尺寸的最长时长如下:
| 输出尺寸 | 10 帧/秒 | 12 帧/秒 | 15 帧/秒 |
|---|---|---|---|
| 480×270(横屏,默认宽度) | 60 秒 | 50 秒 | 40 秒 |
| 640×360(横屏) | 约 43 秒 | 约 36 秒 | 约 29 秒 |
| 800×450(横屏) | 约 28 秒 | 约 23 秒 | 约 18 秒 |
| 480×853(竖屏) | 约 24 秒 | 约 20 秒 | 约 16 秒 |
| 720×1280(竖屏选 800 宽) | 约 11 秒 | 约 9 秒 | 约 7 秒 |
竖屏视频每一帧更高,像素更多,所以更早碰到上限。碰到上限时,“生成 GIF”按钮会变灰,并用红字写明原因。真需要几十秒的动图,多半直接发视频更合适。
常见问题
视频怎么转成 GIF?
把视频放进来,填好要截的开始和结束时间,选宽度和帧率,点“生成 GIF”,看过预览再下载。全程在浏览器里完成,不用装软件,也不用注册。
GIF 太大发不出去怎么办?
按效果从大到小依次试:调小宽度(宽度减半,像素只剩四分之一)、降低帧率(15 降到 10,帧数少三分之一)、截短片段、关掉抖动。编辑区的预计大小会跟着变。实在压不下来,就直接发视频。
能做带声音的 GIF 吗?
不能。GIF 格式本身没有声音,转换时音轨会被舍弃。需要声音的话,直接发视频,或者用本站的 MP4 转 MP3 把声音单独存下来。
手机上能用吗?
能。用手机浏览器打开这一页,点“选择视频”从相册里挑,视频就在手机上处理。手机内存比电脑小,片段太长、宽度太大时可能提示内存不够,截短一点或调小宽度再试。在微信里打开的话,下载可能没反应,可以从右上角菜单换到系统浏览器打开。
视频会上传吗?
不会。视频的解码和 GIF 的编码都在你自己设备的浏览器里完成,文件不会发到任何服务器。第一次使用时,页面会从 capypix.com 加载视频组件;网站统计只记加了几个文件、有没有下载,不记文件名、时长和内容。
MOV、WebM、MKV 能转吗?FLV、AVI 呢?
MP4、MOV、M4V、WebM、MKV 都能转,前提是浏览器能解里面的视频编码。AVI、FLV、WMV 浏览器读不了,.ts、.mts 这类录播和摄像机常见的格式也不支持,需要先转存成 MP4。
GIF 会一直循环吗?能只播一次吗?
默认勾着“循环播放”,生成的 GIF 会无限循环。取消勾选,就是只播一遍的 GIF,在浏览器里播完会停在最后一帧。
为什么颜色有颗粒、有断层?
断层是 256 色不够表现平滑渐变造成的;颗粒是开了抖动以后,用来掩盖断层的细点。录屏类素材关掉抖动,渐变多的实拍素材打开,两种都试一下,看哪个顺眼。
做出来的大小和预计的不一样?
预计大小是拿视频开头几秒里的 3 帧真编码一次算出来的。截的那段如果比开头更花、噪点更多、颜色更杂,成品会比预计大;画面更简单,就会更小。就算截的是开头,预计也只是个参考,成品上下差一成多都正常;要卡着平台上限做,记得留点余量。
能一次转好几个视频吗?
能。放进多个视频,列表里一个一行,点某一行或者行里的“编辑”切换。编辑区一次编辑一个,生成也是一个接一个排队;做好的 GIF 都留在列表里,两个以上可以打包成 ZIP 下载。
为什么做出来比我选的宽度小?
工具只缩小不放大:原视频比选的宽度还窄,就按原宽输出,编辑区会提示。竖屏视频的高度最多 1280 像素,所以竖着拍的视频选 800 宽,出来是 720×1280。