記事

動画をGIFに変換する方法──トリミング・FPS・ディザリングで軽量&高画質に仕上げるコツ

MP4やMOVの動画クリップを軽くてきれいなGIFアニメに変換する完全ガイド。トリミングで長さを絞り、FPS調整とFloyd-Steinbergディザリングで画質と容量を両立。横幅プリセットを活用してDiscordスタンプ・LINE送信・X投稿に最適なファイルサイズに仕上げる方法を解説します。

動画をGIFに変換する方法──トリミング・FPS・ディザリングで軽量&高画質に仕上げるコツ

ゲームのキルクリップ、推しの決定的瞬間、ソフトウェアの操作手順——動画をGIFに変換したい場面は日常的にあります。しかしいざ変換すると、こんな問題に直面しがちです。

  • 問題1:ファイルが巨大(20〜50MB超)で、DiscordのスタンプやLINE、メール添付の容量制限に引っかかる
  • 問題2:色が汚い・バンディングが出て、ぼやけた低品質に見える

この記事では、短くて軽くて高画質なGIFを作るための設定——トリミング、フレームレート(FPS)、256色ディザリング、解像度——をすべて解説します。


1. プラットフォーム別おすすめ設定早見表

すぐに結果が欲しい方向けの実戦プリセットです。

用途・投稿先推奨横幅推奨FPSクリップ長ディザリング目安サイズ
Discordスタンプ・絵文字240〜320px10〜12fps1〜3秒Floyd-Steinberg256KB〜1MB
GitHub README・UI説明720〜960px10〜15fps3〜8秒なし / Sierra-Lite1〜3MB
X(Twitter)・SNSミーム480〜640px12〜18fps2〜5秒Floyd-Steinberg2〜5MB
LINEトーク送信320〜480px10〜12fps2〜4秒Floyd-Steinberg1〜3MB

2. なぜ変換したGIFは「重くて汚い」のか

高画質で軽いGIFを作るには、GIF形式の2つの根本制限を理解する必要があります。

256色パレットの壁。 MP4動画は24ビットフルカラー(約1677万色)。これを256色に落とすとき、最適化しなければ色の段差(カラーバンディング)が発生します。ディザリングで軽減できますが、ディザリングのノイズ自体が圧縮効率を下げるという板挟みです。

フレーム間圧縮がない。 MP4は前フレームとの差分だけ保存しますが、GIFはすべてのフレームをほぼ独立した画像として格納します。1秒追加するごとにファイルサイズが線形に増加します。静止画フレームを高解像度で抽出したい場合はMP4からJPGフレーム抽出ガイドをどうぞ。


3. GIF画質とサイズを決める4つのパラメータ

ステップ1:開始・終了時間のトリミング

鉄則:短く切る(2〜5秒)。

  • 前後の不要部分をスライダーで正確にカット。
  • 本当に見せたいアクションだけに絞ることで、容量は劇的に減ります。

ステップ2:フレームレート(FPS)を最適化

元の動画は30fpsや60fpsですが、全フレームをGIFに入れるとファイルが膨張します。

  • 8〜10fps:操作説明やテキストアニメーションなど、動きが少ない場面向け。最も軽量。
  • 12〜15fps(おすすめ):滑らかさと軽さのバランスが良い。ほとんどの用途に対応。
  • 20fps以上:ゲームクリップなど高速な動きを忠実に伝えたい場合。容量は大きくなります。

ステップ3:ディザリングアルゴリズムを選ぶ

256色で色の階調を滑らかに見せるための手法です。

  • Floyd-Steinberg(強く推奨):誤差拡散法で隣接ピクセルに色の誤差を分散。実写映像やグラデーションで最も自然な仕上がり。
  • Bayer 4×4:規則的な格子パターン。レトロ・ピクセルアート風の見た目が欲しいときに。
  • なし(最近傍色):ディザリングなし。ロゴ、UI画面録画、フラットイラストなど単色が多い素材に最適。エッジがシャープで最も軽量。

ステップ4:横幅を縮小する

1080pや4Kの動画をそのままの解像度で書き出すのは禁物です。

  • 360〜480px:LINE・Discord・SNSクリップ向け。スマホ画面では十分な鮮明さ。
  • 720px:ブログ記事・ドキュメント・製品デモページ向け。

4. 動画をGIFに変換する手順(ブラウザ完結・無料・透かしなし)

従来のオンライン変換サイトは動画をサーバーにアップロードする必要がありましたが、WebCodecs&Canvas APIを使えばすべてブラウザ内で処理できます。

  1. 動画を読み込む。 動画→GIF変換ツールにMP4・MOV・WebMをドラッグ&ドロップ。
  2. クリップを切り出す。 開始・終了スライダーで見せたい瞬間を正確に指定。
  3. 設定を調整。
    • Discord/LINE向け:横幅320px、12fps、Floyd-Steinbergディザリング。
    • ブログ・README向け:横幅720px、15fps。
  4. 変換&ダウンロード。 数秒でGIFが完成。100%プライバシー保護、即時処理、無料、透かしなし

動画は一切サーバーに送信されないため、機密性の高い画面録画や社内資料でも安心して使えます。


5. Discord・LINEでGIFが弾かれる原因と対処法

各プラットフォームには容量制限があります(数値は変動しますが桁数はおおむね同じ)。

プラットフォームGIF容量上限の目安
Discord絵文字256KB
Discordスタンプ512KB
Discord添付ファイル8〜25MB(Nitro依存)
LINE送信数MB程度
X(Twitter)モバイル5MB / PC 15MB

12MBのGIFが出来上がった場合、「画質を上げる」のではなく以下を試してください。

  1. クリップを3秒以下に短縮
  2. FPSを10〜12に下げる
  3. 横幅を480→320pxに縮小

それでも収まらない場合は、GIFをMP4に変換すると同じアニメーションで90%近く軽くなります。X(Twitter)はそもそもGIFをMP4に変換するので、最初からMP4で投稿する方が合理的です。


6. ディザリングの仕組みを簡単に

GIFは1フレーム256色まで。ディザリングは限られた色を隣接ピクセルに散らすことで中間色を擬似再現する技術です。

  • Floyd-Steinberg:自然なグラデーション。実写向きだが、ノイズが圧縮効率を下げるのでファイルはやや大きくなる。
  • Bayer:規則的なドットパターン。独特のレトロ感。
  • なし:色の段差が出るが最も軽量。UI・ロゴ・アニメ調イラスト向き。

空や肌のグラデーションが含まれる動画はFloyd-Steinberg一択。テキスト中心の画面録画なら「なし」で十分です。


7. よくある質問

Q. 変換したGIFのファイルサイズが大きすぎます 3つの対策を試してください:①クリップを3秒以下に、②横幅を480px以下に、③FPSを10〜12に。

Q. GIFがぼやけて色が汚いのはなぜ? ディザリングがオフになっている可能性が高いです。設定でFloyd-Steinbergを有効にすると、256色パレット内で色の遷移が滑らかになります。

Q. ゲームクリップをGIFにしたいが60fpsのまま変換すべき? いいえ。GIFで60fpsはファイルサイズが爆発します。15〜20fpsで動きの速さは十分伝わります。本当に高フレームレートが必要ならMP4のまま共有する方が合理的です。

Q. 動画ファイルはサーバーに送られますか? いいえ。デコードからGIFエンコードまですべてブラウザ内で処理されます。社内のデモ動画や個人的なクリップも安心です。

Q. iPhoneで撮ったMOVファイルも使えますか? はい。MOV(H.264/HEVC)をブラウザ内でデコードし、そのままGIFに変換できます。


関連ガイド


今すぐ試す → 無料オンライン動画→GIF変換ツール