MacからWebへ
デザイナーやプロダクトチーム、教育関係者は、MacやiPhoneで録画することが多く、その場合はMOVファイルになります。MOVは編集には向いていますが、Webページには不向きです。ファイルサイズが大きく、Safari以外のブラウザではHEVCやProResの動画を再生できないことがあります。WEBMはWeb向けに作られたオープンな動画フォーマットです。MOVをWEBMに変換すると、Chrome、Edge、Firefox、Androidでそのまま再生でき、ランディングページやドキュメントサイト、オンライン講座でも素早く読み込まれるファイルになります。
Webページ向けの設定の選び方
- コーデック：一般的にはVP9が最適です。AV1はさらに小さなファイルになりますがエンコードに時間がかかり、お使いのブラウザが対応している場合のみ表示されます。VP8は非常に古いブラウザ向けです。
- 解像度：ページのカラム内に表示する製品デモなら、720pを超えることはほとんどありません。Retinaディスプレイで撮影したMacの画面収録は、必要なサイズの2倍になっていることがよくあります。
- フレームレート：ソフトウェアの画面収録は、60fpsで撮影していても24fpsや30fpsで十分きれいに見えます。
- 音声：背景動画やヒーロー動画は、ミュートで再生されるのが一般的です。動画のミュートで音声トラックを削除すると、容量を節約できます。
変換について
MOVには通常H.264、HEVC、ProResのいずれかが入っていますが、これらはWEBMには格納できません。そのため、すべてのフレームをデコードしてVP9、VP8、AV1で再エンコードし、音声もOpusまたはVorbisに変換します。単純なコピーより時間がかかり、動画の長さや解像度、お使いのパソコンの性能によって変わります。処理はすべてブラウザ上で行われ、アップロードは一切ないため、未公開の製品映像にも安心です。
720pで丁寧にVP9エンコードすると、元のMOVのほんの一部のサイズになることもよくあります。
Apple端末向けの代替ソースを用意
最近のSafariはWEBMを再生できますが、古いiPhoneやMacでは再生できない場合があります。Webサイトでは、videoタグにWEBMとMP4の両方をソースとして指定しておくと、ブラウザが再生できる方を選びます。MP4はMOV から MP4 へで作成できます。WEBMがまだ重い場合はWEBM圧縮をお試しください。WEBMをMacで扱いやすい形式に戻すには、WEBM から MOV へをご覧ください。