アップロードなし, 100%ローカル, アカウントなし

動画をGIFに

短いクリップをループするGIFに変換します。フレームレートと幅を選びます, すべてブラウザ内で実行されます。

動画をGIFにの仕組み

ffmpeg WebAssemblyを使用してブラウザ内でビデオクリップをアニメーションGIFに変換します。変換は2パスのパレット最適化アプローチを使用します。1パス目はpalettegen フィルターを実行して特定の映像に合わせた256色のパレットを構築し、2パス目はpaletteuse でそのパレットに各フレームをマッピングします。結果は、グラデーションや肌のトーンで激しいバンディングを生じる傾向がある単純な1パス変換よりもはるかに優れた色再現性を持ちます。

GIFは256色という厳しい上限を持つ古いフォーマットのため、豊かなグラデーション、シネマティックなカラーグレーディング、または高速なカメラモーションの映像は常にある程度の色の制限を示します。このツールは短いループ、リアクションクリップ、チュートリアルのハイライト、ミームなどGIFが期待されるフォーマットである状況に最適です。ファイルサイズは解像度とフレームレートとともにすばやく増大するため、クリップを必要な秒数にトリムし、出力幅を480〜640ピクセル程度に保つことで扱いやすいサイズになります。

動画をGIFにの使い方をステップごとに解説

  1. 変換したいビデオクリップをドロップするか選択します。
  2. ビデオのセグメントのみが必要な場合は時間範囲を設定します。
  3. 出力幅(小さいほどファイルが小さい)とフレームレート(10〜15fpsで通常十分なめらかです)を選択します。
  4. 「GIFに変換」をクリックして、デバイス上でpalettegen/paletteuse 2パスパイプラインを開始します。
  5. ffmpegが完了したらアニメーションGIFをダウンロードします。

よくある使用例

  • チャットアプリに投稿するために短いコメディークリップからループするリアクションGIFを作成する場合。
  • GitHubのIssueまたはデザインレビューコメントに埋め込むために3秒のUIアニメーションプロトタイプをGIFに変換する場合。
  • READMEまたはドキュメントページ用の商品機能プレビューGIFを生成する場合。
  • ブログ投稿用にスクリーンキャスト録画から短いチュートリアルのハイライトループを作成する場合。

よくある質問

パレット最適化を行ってもGIFにまだ色のバンディングがあるのはなぜですか?

GIFは最適化の方法に関わらず、フレームごとに256色に制限されています。palettegen/paletteuse 2パスアプローチはソースの色にできる限り近づきますが、滑らかなグラデーション、HDRトーン、または多くの色相を持つ映像は依然として目に見える量子化のアーティファクトを示します。フレームサイズを縮小するとフレームあたりの異なる色の数が減り、結果が改善されることが多いです。

GIFに変換するためにビデオがサーバーにアップロードされますか?

いいえ。palettegen とpaletteuse の両方のffmpegフィルターパスがWebAssemblyを通じてブラウザタブ内で実行されます。ビデオはローカルメモリに読み込まれ、パレットがそこで計算され、GIFがダウンロードとして提供される前にデバイスに書き込まれます。デバイスから何も出ることはありません。

GIFのファイルサイズを適切な範囲に収めるにはどうすればよいですか?

GIFのサイズを制御する3つの設定があります:出力幅(各ピクセル行がサイズに比例して影響します)、フレームレート(1秒あたりのフレームが少ないほど合計フレームが少ない)、クリップの長さ(追加の1秒ごとにフレーム数が乗算されます)。480ピクセル幅、12fps、4秒のGIFは5MB以下の共有可能なクリップの典型的な出発点です。

GIFは永遠にループしますか、それとも1回のみ再生されますか?

ffmpeg.wasmはデフォルトで無限ループに設定されたNETSCAPEループエクステンションを含むGIFを書き込みます。アニメーションGIFをサポートするすべての最新ブラウザ、メッセージングアプリ、画像ビューアーは連続的にループします。これはプレイヤーに依存するMP4ループとは異なり、ファイルに焼き付けられたプロパティです。

MP4だけでなくWebMやMKVもGIFに変換できますか?

はい。ffmpeg.wasmはWebM、MKV、MOV、AVIを含むデマルチプレクサーできるコンテナを読み込みます。入力コンテナに関わらず出力は常にアニメーションGIFです。

長時間または高解像度の変換にとても時間がかかるのはなぜですか?

2パスパレットアプローチはすべてのフレームを2回デコードします。1回はパレットの構築、もう1回はピクセルの量子化のためです。24fpsの10秒1080pクリップの場合、GPUアクセラレーションなしでWebAssemblyを通じて480フレームが2回デコードされます。クリップの長さ、フレームレート、出力解像度の削減が変換を速くする最も効果的な3つの方法です。

スマートフォンで動画からGIFを作成できますか?

はい、短いクリップを控えめな幅で作成する場合に限ります。2パスのパレット処理は単純なストリームコピーより負荷が高いため、スマートフォンではクリップを数秒程度、幅を320〜480ピクセル程度に抑えてください。長く、幅が広く、フレームレートの高い元動画はコンピューターで変換する方が適しています。