网页视频压缩
默认 720p 的 WebM (VP9)。再以 MP4 跑一遍,作为备用。
这一页打开时,「画面尺寸」设为 720p,「格式」设为 WebM (VP9),目标大小按这个分辨率和格式算出。如果这个浏览器无法在你的设备上编码 VP9,「格式」列表里就不会有它。
免费视频压缩
不用注册。不用上传。不限大小。
什么都不上传——文件在你的设备上压缩。
WebM 优先,MP4 备用
网页上的视频是页面体积的一部分,文件越小,加载越快。同样画质下,WebM 里的 VP9 比 H.264 文件更小。Can I use 列出的完整 WebM 支持包括 Chrome、Edge 和 Firefox,macOS 上的 Safari 16 及以后版本,以及 iOS 17.4 及以后的 Safari(caniuse,2026 年 9 月核实)。
为了兼容旧版 Safari,再加一个 MP4。把同一个原片以「格式」为 MP4 再跑一遍,然后在 `<video>` 元素里列出两个文件,WebM 放在前面。浏览器会依次查看 `<source>` 元素,使用第一个能播放的;带上 `type` 属性时,它会直接跳过不支持的文件,不去下载(MDN)。
横向视频的 720p 是 1280 × 720。如果你页面上的播放器宽于 1280 像素,请在「画面尺寸」里改选 1080p。
背景循环和音频
Chrome 始终允许静音自动播放(Chrome for Developers)。在 iOS 上,`<video autoplay>` 只要静音或没有音轨,无需点按就会播放;要在 iPhone 上内嵌播放,还需要 `playsinline`(WebKit)。背景循环的声音永远不会被听到,所以请在「高级」里把「音频」设为「去掉音频」,文件就完全不带音轨。
如果是让人带声音播放的视频,请保留音频。WebM 只能存放 Opus 或 Vorbis 音频,所以「保持原样」只在原片已经是 Opus 或 Vorbis 时才直接复制音轨;其他音频会转成 Opus。超过 2 个声道的音频会混成立体声。
放到页面上
使用 `preload="metadata"` 或 `preload="none"`,让浏览器不必一开始就下载整个文件,再加一张 `poster` 图片,在视频开始前显示(MDN)。背景片段需要 `muted playsinline autoplay loop`。
视频在你自己的电脑上压缩,从不上传,所以尚未发布的产品视频在你公开之前一直是私密的。
常见问题
网站该用 WebM 还是 MP4?
两个都用,放在同一个 <video> 元素里,WebM 在前。能播 WebM 的浏览器会用更小的文件,其余的会退到 MP4。
为什么是 720p?
对于最宽 1280 像素的播放器,它能让文件保持小巧。如果你的播放器更大,请在「画面尺寸」里选 1080p。
Safari 能播 WebM 吗?
Can I use 列出的完整支持从 macOS 上的 Safari 16 和 iOS 上的 Safari 17.4 开始(2026 年 9 月核实)。为旧版本加一个 MP4 备用。
怎样让背景视频自动播放?
先在这里去掉音频,然后在 <video> 标签上使用 muted、playsinline、autoplay 和 loop。浏览器允许静音视频无需点按就自动播放。
网页视频压缩
打开压缩器,分辨率已预设为 720p。