ハウツー
ウェブサイトで使うために 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 はウェブを第一に考えた形式です。ページに埋め込む動画、背景の動画ループ、ウェブアプリ内の video 要素には最適な選択肢です。一方、H.264 の MP4 は、例外なくどこでも再生される必要があるとき、つまり古い Android 端末、一部のテレビアプリ、メールクライアント、ダウンロードしたファイルの共有などに適しています。ウェブ向けには video 要素で両方の形式を提示してブラウザに任せ、それ以外はすべて MP4 を保ちましょう。
アップロードよりローカルで変換する理由
オンラインサービスで動画を変換するということは、数百メガバイトに及ぶデータをアップロードし、順番を待ち、結果をダウンロードするということです。ここのコンバーターは WebAssembly にコンパイルした FFmpeg をブラウザ内で実行します。変換は同程度の速度で端末上で行われ、アップロードはなく、利用可能なメモリ以外にサイズ制限はなく、自分の管理外のサーバーで動画が処理される心配もありません。
このガイドで使うツール
よくある質問
ウェブページに MP4 と WebM の両方が必要ですか？
技術的には不要です。今日では主要なブラウザがすべて MP4 に対応しているので、MP4 1つでどこでも再生できます。WebM を選ぶ理由は性能です。VP9 の WebM は明らかに軽く、これはページの読み込み時間、特にモバイルで重要になります。WebM を先に、MP4 をフォールバックとして列挙した video 要素なら、JavaScript なしで各ブラウザに最適な選択肢を渡せます。
VP9 は H.264 より優れていますか？
ウェブ配信ならその通りです。VP9 はより効率的なコーデックで、同じ体感品質でより小さなファイルを生み出します。代償はエンコード時間です。VP9 は H.264 よりエンコードに時間がかかるため、長いクリップでは FFmpeg に1～2分かかることがあります。VP9 のデコードは過去5年以内の端末ならどれでも高速なので、再生性能は心配いりません。