動画を GIF に変換する方法

GIFはあらゆる場所にあります。Slackのリアクション、チュートリアルのスニペット、SNSの投稿、ドキュメントの例。自動再生され、無限にループし、動画埋め込みが使えない場所でも動作します。動画クリップをGIFに変換することは、それらを作る最も一般的な方法であり、ブラウザベースのコンバーターは、ソース動画をアップロードせずに作業全体をローカルで処理します。

GIFを使う場面

• チャットとメッセージング: リアクションGIF、素早いデモ、面白い瞬間
• ドキュメント: 機能を実演する短いUIウォークスルー
• SNS: 投稿やコメントの目を引くアニメーション
• メール: GIFは動画が動かない場所でもインラインで再生されます
• プレゼンテーション: 再生ボタンを押さなくてもループするアニメーション
• バグ報告: UIのグリッチの5秒のGIFは、千語のテキスト説明に値します
• チュートリアルとハウツー: コントロールなしで再生する必要があるステップごとのインタラクションシーケンス

動画をGIFに変換する手順

1. 動画をアップロード: MP4、WebM、MOV、その他の一般的な形式の動画ファイルを選択します。
2. GIFパラメーターを設定: 開始時刻、長さ、フレームレート(5から24 FPS)、出力幅(240から800px)を選びます。
3. GIFをダウンロード: コンバーターはより良い色精度のために2パスのパレット方式を使い、アニメーションGIFを生成します。

GIF形式の簡単な歴史

GIF(Graphics Interchange Format)は、低速のダイヤルアップ接続でカラー画像を表示するため、1987年にCompuServeのSteve Wilhiteによって作成されました。形式はLZW圧縮を使い、これは1980年代後半のコンピューターグラフィックスの典型的な限定的なカラーパレットに効率的でした。1989年にリリースされたGIF89aは、アニメーションサポートを追加しました。単一のファイルに保存された複数のフレーム、それぞれが設定可能な遅延を持ち、順番に再生されます。

アニメーションGIFは初期のWeb(1995年から2005年)で象徴的になりました。回転するメールアイコン、踊る赤ちゃんのアニメーション、「工事中」バナーなど。ブロードバンドとHTML5動画(2008年以降)の台頭とともに形式は色褪せましたが、2012年から2013年にTumblr、Reddit、Twitterのおかげで戻ってきました。これらの場所では、短いループアニメーションが素早いコンテンツ消費に理想的でした。

2026年、アニメーションGIFは技術的には非効率です(APNG、WebP、AVIFのようなモダンな形式は5から10倍よく圧縮します)。しかしGIFは普遍的にサポートされたままです。すべてのメッセージングアプリ、すべてのブラウザ、すべてのドキュメントツールがGIFを読みます。その普遍性が、より良い形式が存在しても残り続ける理由です。

2パスのパレット方式の説明

GIFはフレームあたり256色に限られています。どの256色を使うかを選ぶことは、視覚的に大きな違いを生みます。

シングルパス変換: エンコーダーは各フレームを処理しながら256色を選びます。異なるフレームが異なるパレットを使うことがあり、パレット遷移中にちらつき、ポスタリゼーション、または濁った色を引き起こします。

2パスパレット: エンコーダーはまずすべてのフレームを分析してアニメーション全体に最適な256色を見つけ、その単一パレットをすべてのフレームに一貫して適用します。結果: 滑らかな色、ちらつきなし、グラデーションや肌色での明らかに良い品質。

トレードオフ: 2パスはエンコードに約2倍の時間がかかります。5秒のクリップでは、2秒ではなく4秒を意味します。ほぼすべてのユースケースでその価値があります。

一部のエンコーダーは「グローバルパレット + フレーム別ローカルパレット」(GIF89a仕様が許可)もサポートし、わずかなファイルサイズの増加でさらに良い色忠実度を交換します。これは主に写真コンテンツで見えます。漫画とスクリーンショットは単一のグローバルパレットで同じように見えます。

GIFファイルサイズを合理的に保つ

GIFは非常に素早く大きくなります。コントロールする方法は次のとおりです:

最大の要因は幅と長さです。幅を半分にすると、ファイルサイズはおよそ75%減少します(フレームあたりのピクセル数が1/4)。長さを2倍にすると、ファイルサイズはおよそ2倍になります。フレームレートはGIFのフレーム間圧縮が変更されていないピクセルをスキップするため、効果は小さくなります。

GIF対WebP対APNG対MP4

• GIF: 普遍的なサポート、フレームあたり256色に制限、音声なし、より大きなファイルサイズ。互換性が最も重要なメッセージング、メール、ドキュメントに最適。
• WebP(アニメーション): GIFより5から10倍小さなファイル、フル24ビットカラー、すべてのモダンブラウザでサポート(Chrome 32以降、Firefox 65以降、Safari 14以降、Edge 18以降)。視聴者をコントロールできるWebページに最適。
• APNG: WebPに似て、フルカラー、モダンブラウザでサポートされていますが、メッセージングアプリではほとんどサポートされていません。今日はニッチな用途。
• MP4(無音ループ): 最小のファイルサイズ、フルカラー、フル動画品質ですが、すべての文脈で自動再生されず、明示的な属性なしでループしないかもしれません。プレーヤーをコントロールできる高品質ループコンテンツに最適。

チャット、メール、または未知の視聴者に送る場合はGIFを使ってください。表示するウェブサイトをコントロールできるならWebPを。最高品質が必要で動画プレーヤーがあるなら、ループするMP4を使ってください。

よくある落とし穴

• 暗いシーンのGIFがポスタリゼーションして見える: 限定されたパレットは特に暗い背景の滑らかなグラデーションに苦戦します。ソース動画を明るくするか、不具合を受け入れるか、代わりにWebPを使ってください。
• テキストやUIのGIFがぼやけて見える: GIF圧縮は鋭いエッジの周りにディザリング不具合を導入します。テキストの画面録画には、アンチエイリアシングが読みやすく残るよう、幅を800から1000pxに増やしてください。
• メッセージングアプリのアップロード制限に対してGIFが大きすぎる: Slackは通常50 MB、TwitterはGIFに15 MB、Discordは無料ティアで8 MBを許可します。GIFが制限を超える場合、まず長さを減らし(最大の影響)、次に幅、その後フレームレートを減らしてください。
• GIFが間違った速度で再生される: 各フレームはGIF内で1/100秒単位で測定された独自の遅延を持ちます。一部のエンコーダーは一貫性なく丸めます。モダンブラウザはこれを修正します。一部の古いアプリはしません。速度の不一致が見えたら、別のツールで再エンコードしてみてください。
• ソース動画とGIFの間の色のシフト: GIFはsRGB色空間を使います。HDR動画はトーンマップダウンする必要があります。2パスパレットは助けになりますが、HDRコンテンツを完全に再現することはできません。
• 透明度の損失: GIFは透明度をサポートしますが、完全に透明か完全に不透明のみです(部分的なアルファなし)。ソース動画にソフトエッジの透明度がある場合、GIFではエイリアシングされたエッジを予期してください。

使いこなしのヒント

• まず動画をトリムする: 長いクリップから3秒の瞬間だけが必要なら、変換前に動画をトリムしてください。映像が少ないほどGIFも小さくなります。
• 短く保つ: 最高のGIFは2から5秒です。長いアニメーションは非常に大きくなり、GIFを効果的にしている素早く力強い質を失います。
• フレームレートを下げる: 10から12 FPSはほとんどの用途に十分滑らかに見え、24 FPSよりずっと小さくなります。高いフレームレートはUIアニメーションのような滑らかな動きのために予約してください。
• 幅を減らす: 480px幅のGIFはSlack、メール、ドキュメントには十分以上です。800pxが必要なことはまれです。
• タイトにクロップ: 使われていない背景スペースを削除すると、ピクセル数とファイルサイズが減ります。640x360のGIFを400x300にクロップすると、ファイルサイズの約50%を節約できます。
• Webにはアニメーション WebPを検討: 視聴者がモダンブラウザを使うなら、アニメーションWebPはGIFのおよそ1/8のファイルサイズで同じように見えます。ffmpegのようなツールは同じソースから両方を生成できます。

プライバシー

動画からGIFへのコンバーターは完全にブラウザ内で動作します。アップロードしたソース動画ファイルはデバイスを離れず、変換されたGIFはローカルで生成され、サーバーにログまたは保存されません。これは動画クリップがしばしば機密コンテンツを含むからです。内部の製品デモ、顧客の画面録画、公開ホストを意図しない個人的な瞬間など。クラウドのGIFコンバーターは設計上、動画をサーバーにアップロードし、ときには「サービス改善」や分析のためにソースを保持します。ブラウザベースのコンバーターにはその露出が一切ありません。