チュートリアル

ブラウザで動画を GIF に変換する方法

更新日 2026年6月9日

短いクリップを GIF、WebP、AVIF アニメーションに変換 — サーバーへのアップロードは不要です。

GIF や軽量のアニメーション画像は、SNS、ドキュメント、サポートチケットで今も反応を引き出します。動画をGIFに変換なら、最大30秒のセグメントを GIF、アニメーション WebP、またはアニメーション AVIF に変換できます。FPS と幅も調整でき、すべてブラウザ上で完結します。

動画を GIF や WebP に変換するタイミング

向いている用途：

音声、長尺、シネマティックな画質が必要なら GIF は避け、動画を MP4 に変換や動画を圧縮を使いましょう。

ブラウザでアニメーション AVIF が使えない場合は、GIF か WebP を試してください。

動画をGIFに変換を開き、動画をアップロードします。
タイムラインの青いセグメントバーをドラッグしてクリップを選択します（最大30秒）。読み込み時に短いデフォルト範囲が選ばれているので、調整してください。
出力形式として GIF、アニメーション WebP、アニメーション AVIF のいずれかを選びます。
FPS と幅を設定 — 低いほどファイルは小さく、高いほど滑らかです。
形式が対応していれば品質を調整します。
変換してダウンロードをクリックし、ファイルを保存します。

変換はブラウザタブ内で実行されます。セグメントが長いほど、FPS が高いほど、エンコード時間は急に増えます。

投稿先	実用的な選択
Slack / Discord	対応していれば WebP。そうでなければ 480px 幅の短い GIF
メール / ドキュメント	GIF、または動画スクリーンショットの静止画 PNG
モダンな Web 埋め込み	CMS が許せばアニメーション WebP または AVIF

迷ったら2バージョンを書き出す — どこでも見られる小さな GIF と、最新ブラウザ向けの WebP。

反応 GIF が効くのは、ループの境目が気にならないときです。青いセグメントをスクラブし、最初と最後のフレームが似ている位置で止めましょう。ファイルサイズが完璧でも、ジャンプカットのフラッシュがループを壊します。

UI デモでは、1つの完結した操作（クリック → メニュー表示 → 選択）のほうが、任意の3秒切り出しより伝わりやすいことがあります。変換前に両端の無駄フレームをトリミングしてください。

ミーム文化では、320px 幅でも顔が読める高コントラストが好まれます。480px で目が消えるなら、FPS を上げるより幅を下げてください。

必要な瞬間が長尺ファイルの途中にあるなら、先に動画をトリミングで書き出すと、入力が小さくエンコードも速く、「フレーム過多」エラーも減ります。

GIF ではグラデーションやフィルムグレインを避けてください — バンディングは避けられません。デザインレビュー向けの滑らかなグラデーションなら WebP のほうが向いています。

セグメントが長すぎる。 最大長は30秒 — 青い範囲を短くしてください。

フレーム過多エラー。 FPS を下げるか、セグメントを短くしてください。

アニメーション AVIF 非対応。 ブラウザにエンコーダーがない — WebP か GIF に切り替えてください。

色がバンディングする。 GIF のパレット制限が原因です。WebP/AVIF を試すか、GIF らしい見た目として受け入れてください。

いいえ — 1回の書き出しで選べるのは最大30秒です。長尺ソースは動画をトリミングや動画クリップを抽出で区間を切り出してから、セグメントを変換してください。

いいえ。GIF/WebP/AVIF のアニメーション書き出しに音声は含まれません。