GIF圧縮の使い方
アニメーションGIFを劇的に小さく — どのプラットフォームの上限にも収め、残せる色とフレームは残し、ダウンロード前に何が変わったかを正確に確認できます。
よい結果を出すための短いガイドと、よくある質問への答えです。
使い方
- 1
GIFをドロップして最初の結果を読む
クイックモードは、圧縮を押した瞬間に妥当な初期設定（スマートデルタ＋軽いロッシー）で圧縮します。結果行には何が起きたかが書かれています — デルタが何％のピクセルを維持したか、静止フレームを統合したか、gifsicle単独のほうが小さかったか。
- 2
何かを触る前に、ワイプと差分マップを使う
画像の上で線をドラッグし、一時停止してコマ送りし、Diffに切り替えます。黒は無変更、明るいほどそのピクセルが動いた印です。動く被写体以外が真っ暗なら、さらに攻める余地があります。
- 3
上限があるなら、ツールに探索させる
「上限に収める」でプラットフォームを選ぶか、サイズを入力します。まずロッシー、次に色数、次にスケール、最後にフレームレート — 後の2つは許可した場合のみ — の順に使い、各段は実際にエンコードします。試行リストを開くと何を試したかが分かります。
- 4
色を削る前に、品質を下げる
品質スライダーはロッシーLZWです。ほとんどの素材では中央あたりまで見た目に変化がなく、パレットを減らすよりはるかに安上がりです。256色未満にするとループ全体で1つの共有パレットを作り直すため、まずグラデーションが犠牲になります。
- 5
ノイズの多い動画では動きのしきい値を上げ、クリーンな作画では下げる
詳細設定のスマートデルタのしきい値は、ピクセルがどれだけ動いたら塗り直すかを決めます。20前後なら動画では見えません。0はピクセルアートや画面録画向けに全ピクセルを正確に保ちます。50を超えると、ゆっくりしたグラデーションが1フレーム遅れることがあります。時間方向のノイズ除去は、さらに1フレームだけのちらつきを取り除きます。
- 6
リサイズとフレーム間引きは最後に、表示サイズまでに留める
寸法を半分にするとピクセルは4分の1に、フレームレートを半分にするとフレーム数は半分に — 再生時間は正確に保たれます。どちらも目に見える変化なので、見えないレバーの後に回します。ビフォー/アフターは縮小した結果を元のサイズに引き伸ばして表示するので、公平に比較できます。
このツールについて
GIF圧縮は、ブラウザ内で2つのエンジンを動かします。1つ目はgifsicle。有名なWebツールの裏側で使われている最適化エンジンで、ロッシーLZW、パレット削減、スケーリング、フレーム間引きを担います。2つ目は独自のもの。各フレームを「いま画面に表示されているもの」と比較し、実際に動いたピクセルだけを塗り直すスマートな時間差分（デルタ）です。動画由来のGIFはセンサーやコーデックのノイズのせいで通常のフレーム最適化が効かないため、この仕組みが必要になります。フレームごとに固有のパレットを持つので、ループ全体では数千色を保持できます。背景が静止したクリップなら、同じ画質でファイルが数分の一になることもあり、ツールは両方のエンジンを実測して小さいほうを採用します。
すべて推定ではなく実測です。出力サイズも、上限に収める探索の各試行も、確認するビフォー/アフターも — 元と結果を同じ時計で再生し、ワイプ、並べて表示、増幅した差分マップ、実ピクセルのズームで比較できます。圧縮はお使いの端末内で行われるため、アップロード待ちも、サーバー側のサイズ上限も、プライバシーの心配もありません。
特長
スマートデルタ
知覚ベースの時間差分パスが、動いたピクセルだけを塗り直します。動画ノイズの乗った静止背景は、ロッシー単独より3〜5倍小さくなります。
上限に収める
Discord、X、GitHub、Giphy、Slack、または任意のサイズを選択。ロッシー、色数、スケール、フレームレートを実測バイトで探索し、すべての試行を表示します。
同期したビフォー/アフター
元と結果を同じ時計で再生：ワイプ、並べて表示、×6差分マップ、一時停止、コマ送り、実ピクセルへのズーム。
アップロードなし、上限なし
ローカル処理なので、オンライン圧縮ツールが受け付けないほど大きなGIFも扱え、ファイルが端末の外に出ることはありません。
正直な進捗表示
デコード、デルタパス、探索の各試行は実測。gifsicleの段階は「推定」と明示されたバーで、お使いのマシンに合わせて学習します。
フルエディター
トリム、色調整、ディザリングとパレット方式の選択、フレームレート・スケール・ループ回数の設定、PNG連番の書き出し。
よくある質問
GIFを壊さずに小さくするには？
まず初期設定（スマートデルタ＋軽いロッシー）で圧縮し、差分マップを見ます。次に色数を減らす前にロッシーを上げ、それでも足りなければリサイズかフレーム間引きを。各手順で実測サイズと、変化したピクセルそのものが確認できます。
スマートデルタとは？
各フレームを画面上の現在の状態と比較し、しきい値を超えて動いたピクセルだけを塗り直すパスで、そのピクセルからフレームごとのパレットを作ります。gifskiのエンコーダーの発想を、gifsicleの前段としてブラウザ内で実行しています。全面が動く素材では自動的にスキップされ、ツールは両方を実測して小さいほうを採用します。
DiscordやX、GitHubの上限に収められますか？
はい。「上限に収める」でプラットフォームを選んでください。探索は実際のバイト数で行うため、結果は必ず上限以下になります。最後の段でも超える場合はその旨を表示し、生成できた最小のものを渡します。上限は2026年9月に確認したもので、変わることがあります。
透明部分は保持されますか？
はい。透明背景やステッカーも同じパスを通ります。透明に変わるピクセルは背景クリアで処理され、ビフォー/アフターはアルファを正確に表示します。
ファイルサイズの上限はありますか？
サーバー側の上限はありません — 圧縮は端末内で動きます。非常に大きなフレーム（約1600万ピクセル超）はデルタパスを飛ばして直接gifsicleで処理します。
GIFはアップロードされますか？
いいえ。すべてブラウザ内でローカルに動作します。ProDesignerアカウントへの保存は任意で、明示的な操作でのみ行われます。
その他のツール
ProDesignerは世界中の誰でも無料で利用できます。作業時間の節約に役立ったら、開発の支援をご検討ください。
ProDesignerを支援する