UltKit

WebM转GIF转换器

WebM是网页原生的视频格式,但很多能显示图片的地方并不支持播放它:电子邮件、老式论坛、许多维基站点以及部分问题跟踪系统。把一段短WebM视频转成GIF,它就变成一张循环播放的动图,任何能放图片的地方都能显示。

视频转 GIF

或将MP4, MOV, MKV … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

GIF 尺寸
px

文件在我们的服务器上处理,并在 30 分钟后删除。

使用方法

  1. 1

    上传WebM文件

    添加来自屏幕录制工具、浏览器扩展或编辑器的 .webm 文件,每个文件最大 95 MB,每批最多 20 个。

  2. 2

    选择片段和尺寸

    填写想要截取部分的开始时间和结束时间。宽度默认为 480 px,帧率默认为 15 fps;调低其中任意一项,文件会更小。

  3. 3

    点击“转换为GIF”

    点击转换为 GIF,查看循环预览,然后下载 GIF,或将整批文件打包为 ZIP 下载。

把片段控制在约六秒以内,宽度 480 px,帧率 10 到 15 fps,WebM 屏幕录制通常能转成几 MB 的 GIF。

VP8、VP9和AV1编码的WebM转GIF

Google 于 2010 年发布 WebM,作为面向 HTML5 视频的免版税格式。其容器是 Matroska 的子集,内部视频采用三种编解码器之一:最初的 VP8;2013 年推出、多数浏览器录制工具和许多网络视频使用的 VP9;或 Alliance for Open Media 于 2018 年发布的 AV1。音频为 Vorbis 或 Opus,因为 GIF 没有声音,所以音频会被丢弃。

这三种视频编解码器在这里都能解码,因此无需确认文件使用的是哪一种。Chrome、Edge 和 Firefox 会把通过 MediaRecorder API 录制的屏幕和摄像头内容保存为 WebM,所以许多问题反馈和操作演示片段最初都是这种格式。

损失的是色彩。每个 GIF 帧最多只能容纳 256 种颜色,这些颜色是针对该片段挑选的,其余颜色靠抖动以细密的图案混合模拟。色块平整的界面几乎可以完美转换;渐变和实拍视频则会出现颗粒感或色带。

WEBM

WebM 视频

WebM 是 Google 于 2010 年为网络发布的开放、免版税视频格式。它基于 Matroska,可封装 VP8、VP9 或 AV1 视频以及 Vorbis 或 Opus 音频,其中 VP9 WebM 还可以包含 Alpha 通道,实现透明视频。浏览器原生支持播放,浏览器中的屏幕录制工具也常生成这种格式。与 MP4 相比,苹果设备、视频编辑软件和社交平台对它的支持一直较弱。

压缩方式
有损
透明度
支持
动画
–
发布年份
2010 · Google
WEBM 转换器

GIF

图形交换格式

GIF 由 CompuServe 于 1987 年推出,至今仍是短小循环动画中支持最广泛的格式。它是无损的,但每帧只能使用 256 色调色板,因此照片和渐变会出现色带和抖动。它只支持开/关(1 位)透明,曲线形状的边缘会有锯齿。动画 GIF 往往比同一段 MP4 或 WebP 大得多。所有浏览器、聊天应用和社交平台都能播放 GIF。

压缩方式
无损
透明度
支持
动画
支持
发布年份
1987 · CompuServe
GIF 转换器

WebM 视频多来自浏览器、屏幕录制工具和网页下载,但邮件客户端、论坛和许多文档工具只接受图片;由 WebM 制作的 GIF 无需播放器就能在这些地方播放。

WebM转GIF时如何选择帧率

  1. 5 fps

    类似幻灯片的感觉;适合光标在两个状态之间移动

  2. 10 fps

    仍能看出动作的最低设置

  3. 15 fps

    滚动和打字都很流畅,本页的默认值

  4. 24 fps

    接近电影的动态效果,文件大小约为 12 fps 的两倍

  5. 30 fps

    适合快节奏游戏和体育画面;做成 GIF 通常过大

文件大小大致随帧数同步增长,所以从 15 fps 提高到 30 fps,大小几乎翻倍。宽度的代价更大:每一帧中,640 px 的像素数几乎是 480 px 的两倍,960 px 则是四倍。粗略的估算方法是:宽 × 高 × 帧数,再除以 LZW 对画面的压缩程度;对于色块平整的屏幕内容压缩率很高,对于摄像机拍摄的画面则很低。

如果结果仍然大到无法在聊天软件中上传,可以用压缩 Discord 用 GIF处理,或者把片段剪得更短,而不是先降低颜色数。

GIF、WebP动图,还是保留WebM

GIF

几乎随处可播放

兼容性最广,但只有 256 种颜色,文件也较大。

  • 邮件、论坛、维基、README 文件
  • 没有声音
  • 只支持单色透明
适用于: 只接受图片的场合
动画 WebP

更小且色彩完整

Chrome、Edge、Firefox 65 及更高版本和 Safari 14 及更高版本均支持。

  • 支持数百万种颜色
  • 完整的 Alpha 透明
  • 并非所有应用或邮件客户端都能显示
适用于: 自己的网页和贴纸
WebM

保留视频

同一片段的文件比 GIF 小很多倍。

  • 保留声音
  • 需要视频播放器或 video 标签
  • 每 MB 画质最佳
适用于: 能播放视频的网站和应用

WebM转GIF常见问题

透明背景的WebM能转成透明背景的GIF吗?

不要指望。VP8 或 VP9 的 WebM 可以保存带柔和边缘的完整 Alpha 通道,而 GIF 只能把调色板中的一种颜色设为完全透明,其余都是不透明。即使透明效果得以保留,平滑的边缘也会变得有锯齿,所以做贴纸和叠加层时,动画 WebP 或 APNG 是更合适的目标格式。

为什么同样时长的WebM比MP4转换得慢?

AV1 以及程度稍轻的 VP9,解码所需的运算比 H.264 更多,因此每一帧在送入 GIF 编码器之前都要花更多时间。把开始时间和结束时间的范围设得紧一些,就可以避免解码用不到的片段。

WebM是浏览器录屏得到的,GIF宽度该设多少?

屏幕录制的宽度常常在 1920 px 或更大,只要缩小得不超过必要的程度,文字仍然清晰可读。文档中的教程步骤用 640 到 800 px 比较合适;如果 GIF 只需要展示点击按钮的动作,就把片段截短,保持 480 px 即可。

为什么WebM和GIF的播放速度不一样?

屏幕和浏览器录制的帧率通常是可变的,帧与帧之间的间隔并不均匀。GIF 则按你选择的帧率使用固定间隔,这样能抹平这些间隙,让卡顿的录制看起来更平稳。

以后还能把GIF转回WebM吗?

可以,使用 GIF 转 WebM,但已经丢失的颜色和帧无法恢复。如果以后可能还需要完整画质的片段,请保留原始 WebM。