操作教程
将 MP4 转换为 WebM 以用于网站
采用 H.264 的 MP4 是视频的通用稳妥之选,但采用 VP9 的 WebM 才是现代浏览器在网页内嵌视频时更偏爱的格式:相同质量下文件更小,且无需任何编解码授权。如果你要把视频放到网页上,在 MP4 之外再提供一个 WebM 版本,能让浏览器优先挑选更轻的那个选项。
分步操作
- 打开视频转换器并拖入你的 MP4 文件。在容器一项选择 WebM,在编解码一项选择 VP9。VP9 为 WebM 提供了最佳的体积与质量比,并且当前所有浏览器都支持它。如果源视频本身就很小或非常短,沿用 MP4 容器中的 H.264 也许就足够了。
- 把质量设置保持在默认的 CRF 28,可获得均衡的结果;如果视频运动较多或有想保留的精细细节,可以降到 24。除非源视频比页面上的显示尺寸更大,否则无需改动分辨率:一段以 1280 像素内嵌的 4K 视频,可以在这里安全地缩小。
- 下载 WebM 文件,并将其大小与原始 MP4 对比。在相同视觉质量下,一个好的 VP9 WebM 通常比 H.264 的等价文件小 20% 到 40%。在你的网页上,请在一个 video 元素里同时使用这两种格式,让每个浏览器都能拿到它偏好的选项。转换器完全在你的浏览器中运行:你的视频永远不会离开你的设备。
何时使用 WebM,何时坚持用 MP4
WebM 是一种以网页为先的格式:对于内嵌在页面里的视频、背景视频循环以及 Web 应用中的 video 元素,它都是正确的选择。采用 H.264 的 MP4 则适合在视频必须无一例外地处处可播的场景:老款 Android 设备、某些电视应用、邮件客户端以及下载文件的分享。对于网页,请在 video 元素里同时提供两种格式,让浏览器自己决定;其余情况则保留 MP4。
为什么在本地转换而不是上传
在在线服务上转换视频意味着要上传可能多达数百兆字节的文件,在队列里等待,再下载结果。这里的转换器在你的浏览器中运行编译为 WebAssembly 的 FFmpeg:转换以相近的速度在你的设备上完成,无需上传,除了可用内存之外没有体积限制,也不存在视频被送到你无法掌控的服务器上处理的风险。
本指南用到的工具
常见问题
我的网页上同时需要 MP4 和 WebM 吗?
从技术上说不需要:如今每个主流浏览器都支持 MP4,所以单独一个 MP4 就能处处播放。WebM 的意义在于性能:VP9 的 WebM 明显更轻,这对页面加载时间很重要,在移动端尤其如此。一个先列出 WebM、再以 MP4 作为兜底的 video 元素,无需任何 JavaScript 就能让每个浏览器拿到最适合它的选项。
VP9 比 H.264 更好吗?
对于网页分发来说,是的:VP9 是更高效的编解码器,在相同可感知质量下生成的文件更小。代价是编码时间:VP9 的编码比 H.264 更耗时,这也是 FFmpeg 处理较长片段时可能要花一两分钟的原因。在过去五年内出厂的任何设备上,VP9 的解码都很快,因此播放性能不必担心。