MP4 vs WebM vs GIF：チュートリアルとデモにはどの形式を使うべき？
チュートリアルを闇雲に圧縮して、うまくいくことを祈るわけにはいかない。
MP4、WebM、GIFをいつ使うかを知っているかどうかで、速いランディングページになるか、訪問者の帯域を虐げるページになるかが分かれる。
ここでは実用的に整理する。エンコードの計算式は抜きで、品質、ファイルサイズ、互換性の現実だけを語る。
早見表
難しく考えなくていい。公開先で決めよう：
YouTubeとコース： MP4。 SaaSのランディングページ埋め込み： WebM（またはしっかり圧縮したMP4）。 インラインドキュメント： 短くクロップしたGIFかループするWebM。 縦型ソーシャル（Shorts/Reels）： 9:16のMP4。
手早く形式を変えたい？ → 無料のビデオコンバーターを開く
MP4：基本の形式
向いている用途： YouTubeへのアップロード、編集者へのファイル受け渡し、DaVinci Resolveのプロジェクト、クライアントへのクリップ送付。
良い点： ほぼ何でも再生できる。あらゆるOS、スマホ、ブラウザがMP4をデコードする。
悪い点： とにかくファイルサイズを最小にしたいなら、Webネイティブな形式の方が小さくできる。
WebM：Web向けの形式
向いている用途： ランディングページに埋め込むループ製品デモ、ブログ上の軽量アセット。
良い点： 同じ品質でMP4よりファイルが小さい。ページ速度の面ではこちらが良い選択だ。
悪い点： オフラインでの互換性が不安定だ。多くの編集ソフトはWebMの取り込みを拒否し、カットを始める前にMP4への変換を強制される。 WebM→MP4の最適設定
GIF：遺産の罠
向いている用途： GitHub READMEやNotionドキュメントでの3秒のハイライト断片。インラインループがそのまま機能する場所だ。
良い点： インライン再生がそのまま機能する。HTML5動画プレーヤーが剥がされる場所でも、GIFは自動再生してループする。
悪い点： 古いフォーマットだ。巨大なファイル、ひどく限られたカラーパレット、そして短い断片を超えると文字の鮮明さが破壊される。 MP4→GIF：小さなファイルの最適設定
文字を守る
チュートリアルがぼやけて見えても、コンテナのせいにしないこと。コーデックが原因であることはほとんどない。
判読できない録画なら、キャプチャ側の問題だ。録画前にUI文字を拡大し、書き出しで縮小せず、シンタックスハイライトを守れる十分なビットレートを使おう。
詳しい内訳はこちら： 技術コンテンツにおける1080p vs 1440p vs 4K
コンテナより仕上げが大事
映像自体が退屈なら、完璧なMP4書き出しも無意味だ。
マスター録画にトラッキングズーム、滑らかなカーソル、キーフレームなしのScreen Studio風の見た目をWindowsで求めるなら、AUFZEICHNAがワークフロー全体を処理する。 デモを見る · 価格設定を見る
よくある質問
メインのワークフローではMP4よりWebMを使うべき？ 読み込み速度が最優先のWebページに埋め込むときだけだ。MP4は一般的な互換性とオフライン編集で優れている。
長い製品デモにGIFは使える？ 使えない。30秒のウォークスルーをGIFにすると巨大なファイルになり、ページが遅くなり、UIの鮮明さも台無しになる。
YouTubeへのアップロードに最適な形式は？ YouTubeはどちらも受け付けるが、MP4が最も信頼できる。ビットレートと文字の明瞭さがコンテナより重要だ。