GIF圧縮

アニメーションGIFを劇的に小さく — どのプラットフォームの上限にも収め、残せる色とフレームは残し、ダウンロード前に何が変わったかを正確に確認できます。

GIF圧縮は、ブラウザ内で2つのエンジンを動かします。1つ目はgifsicle。有名なWebツールの裏側で使われている最適化エンジンで、ロッシーLZW、パレット削減、スケーリング、フレーム間引きを担います。2つ目は独自のもの。各フレームを「いま画面に表示されているもの」と比較し、実際に動いたピクセルだけを塗り直すスマートな時間差分（デルタ）です。動画由来のGIFはセンサーやコーデックのノイズのせいで通常のフレーム最適化が効かないため、この仕組みが必要になります。フレームごとに固有のパレットを持つので、ループ全体では数千色を保持できます。背景が静止したクリップなら、同じ画質でファイルが数分の一になることもあり、ツールは両方のエンジンを実測して小さいほうを採用します。

すべて推定ではなく実測です。出力サイズも、上限に収める探索の各試行も、確認するビフォー/アフターも — 元と結果を同じ時計で再生し、ワイプ、並べて表示、増幅した差分マップ、実ピクセルのズームで比較できます。圧縮はお使いの端末内で行われるため、アップロード待ちも、サーバー側のサイズ上限も、プライバシーの心配もありません。

使い方

1. GIFをドロップして最初の結果を読む クイックモードは、圧縮を押した瞬間に妥当な初期設定（スマートデルタ＋軽いロッシー）で圧縮します。結果行には何が起きたかが書かれています — デルタが何％のピクセルを維持したか、静止フレームを統合したか、gifsicle単独のほうが小さかったか。
2. 何かを触る前に、ワイプと差分マップを使う 画像の上で線をドラッグし、一時停止してコマ送りし、Diffに切り替えます。黒は無変更、明るいほどそのピクセルが動いた印です。動く被写体以外が真っ暗なら、さらに攻める余地があります。
3. 上限があるなら、ツールに探索させる 「上限に収める」でプラットフォームを選ぶか、サイズを入力します。まずロッシー、次に色数、次にスケール、最後にフレームレート — 後の2つは許可した場合のみ — の順に使い、各段は実際にエンコードします。試行リストを開くと何を試したかが分かります。
4. 色を削る前に、品質を下げる 品質スライダーはロッシーLZWです。ほとんどの素材では中央あたりまで見た目に変化がなく、パレットを減らすよりはるかに安上がりです。256色未満にするとループ全体で1つの共有パレットを作り直すため、まずグラデーションが犠牲になります。
5. ノイズの多い動画では動きのしきい値を上げ、クリーンな作画では下げる 詳細設定のスマートデルタのしきい値は、ピクセルがどれだけ動いたら塗り直すかを決めます。20前後なら動画では見えません。0はピクセルアートや画面録画向けに全ピクセルを正確に保ちます。50を超えると、ゆっくりしたグラデーションが1フレーム遅れることがあります。時間方向のノイズ除去は、さらに1フレームだけのちらつきを取り除きます。
6. リサイズとフレーム間引きは最後に、表示サイズまでに留める 寸法を半分にするとピクセルは4分の1に、フレームレートを半分にするとフレーム数は半分に — 再生時間は正確に保たれます。どちらも目に見える変化なので、見えないレバーの後に回します。ビフォー/アフターは縮小した結果を元のサイズに引き伸ばして表示するので、公平に比較できます。

FAQ