GIF Suite：無料のオールインワンGIFツールキット

GIF Suiteとは？

GIF Suiteはアニメーションファイル形式のGIFで作業する際に普段必要になることをまとめた6タブのツールキットです。動画から1クリップを切り出す、デザインフレームをアニメーションにつなげる、古いGIFをMP4に変換する、GIFから個別フレームを取り出す、大きすぎるGIFを適切なサイズに圧縮する、といった作業ができます。Slackのリアクション用GIFを1つ仕上げるのに、いつも3つの別々のタブを開いていたので作りました。すべてFFmpeg WASMでローカルで動くので、200MBの画面録画もパソコンの中でSuiteが処理してくれます。

主な機能

• 2パスパレット符号化による動画→GIF — まずpalettegenで最適パレットを構築し、次に選んだディザでpaletteuseを実行して最終符号化を行います。シングルパスツールに比べて、特にグラデーションや肌色での出力が明らかにきれいです。
• フレームレート、セグメント、幅のコントロール — 開始時間と終了時間を0.1秒精度で選択、5〜30 FPSから選択、出力幅を160〜1280pxのスライダーで40px刻みで設定。高さはLanczosリサンプリングで自動スケールします。
• 画像シーケンス用のGIF Maker — PNG、JPG、WebPフレーム（最大50枚）をドロップし、上下矢印で並べ替え、ミリ秒単位でフレームごとのタイミングを設定。Apply to Allボタンでデフォルト遅延をすべてのフレームに一括適用します。
• GIF→動画 — どのGIFもMP4またはWebMに、Low（CRF 30）、Medium（CRF 23）、High（CRF 18）品質で変換可能。符号化前のソースGIFのループ回数も設定できます。
• GIF→画像抽出 — GIFから各フレームをPNG、JPG、WebPで取り出し、必要に応じてフレーム範囲を選択。同じタブで抽出フレームから列数調整可能なスプライトシートも生成します。
• 大きすぎるGIF用の最適化 — 色削減（16〜256）、損失圧縮（0〜200）、フレームスキップ、リサイズを1パスで組み合わせ。結果パネルに元サイズ、最適化後サイズ、削減率を並べて表示します。
• 静止画用のディザリングタブ — 4〜256色でFloyd-Steinberg、Atkinson、Bayer、ディザなし量子化を適用してPNGとしてダウンロード。本格的なGIF符号化に入る前にアルゴリズムの効果を確認するのに便利です。
• 重いタブでのバッチモード — Video to GIF、GIF to Images、Optimizerはどれも複数ファイルのバッチ処理に対応し、最後に1つのZIPでダウンロードできます。
• ファイルは500MBまで — 動画入力は500MBまで、GIF入力は100MBまで、個別画像は50MBまで。

GIF Suiteの使い方

ステップ1：タブを選ぶ

上部に6つのタブがあります：Video to GIF、GIF Maker、GIF to Video、GIF to Images、Optimizer、Dither。それぞれが独立したツールで、コントロールとドロップゾーンはタブごとに切り替わります。最も一般的な開始点はVideo to GIFです。

ステップ2：動画→GIF — トリミングと設定

ドロップゾーンに動画をドラッグします（MP4、WebM、MOV、AVI、MKVを受け付けます）。動画プレビューがフレームコントロールとともに表示されます。Start TimeとEnd Timeを秒で入力 — 両方とも0.1までの小数を受け付けます。入力欄の下のDurationラベルが選択セグメントの長さで更新されます。

GIF Settingsカードに最も重要なコントロールがあります：

• Frame Rate — 5、10、15、20、24、30 FPSのドロップダウン。リアクションGIFには15 FPSが最適です。
• Width — 160〜1280pxのスライダー。チャットクライアントには480pxが良いデフォルトです。
• Colors — 16〜256を16刻みのスライダー。GIF解像度では128と256はほぼ区別できません。
• Loop forever / Play once — 色スライダーの下のチェックボックス。

Create GIFをクリックします。FFmpegの2パスが実行され、結果がファイル名とサイズとともにプレビューに表示され、Downloadでパソコンに保存できます。

ステップ3：GIF Maker — フレームをつなげる

GIF Makerに切り替えます。2枚以上の画像をドロップします。各フレームはサムネイル、元のファイル名、ミリ秒単位の遅延入力、並べ替え用の上下シェブロンを持つカードになります。上部のデフォルト遅延フィールドとApply to Allボタンで、すべてのフレームに均一な遅延を適用できます。スライダーで出力Widthを設定し、Create GIF from Imagesをクリックします。フレームが2枚未満だとツールは動かず、「Add at least 2 images to create a GIF」のトーストを表示します。

ステップ4：GIF→動画 — 古いGIFを現代化

GIF to Videoタブは、用途に対して重すぎるGIFのためのものです。マーケティングページのヒーローアニメーション、アプリ内チュートリアルなど。.gifファイルをアップロード、MP4かWebMを選択、Loop Count（1〜100、符号化前にソースを繰り返す）を設定、Low/Medium/High品質を選びます。Convert to Videoで通常はソースGIFの5〜10分の1のサイズの動画ができます。

ステップ5：最適化 — 大きすぎるGIFを縮小

READMEやメールに大きすぎるGIFは、Optimizerタブにドロップして調整します：

• Compression Level (0-200) — 値が大きいほどディザが強くなります。80が妥当な開始点です。
• Max Colors (16-256) — まず256から128に。GIF解像度では視覚的差はほぼ見えません。
• Remove Frames — 「N枚に1枚残す」スライダー（2〜10）を有効にするチェックボックス。
• Resize GIF — 幅スライダー（100〜800px）を有効にするチェックボックス。

Optimize GIFをクリックします。結果パネルに3つの数字が並びます：Original size、Optimized size、削減Savingsの割合。

フレーム抽出やスプライトシート出力には、GIF to Imagesタブが同じアップロード手順で、フレームサムネイルのリスト（個別ダウンロード可）、Download All (ZIP)ボタン、列数調整可能なGenerate Sprite Sheetを出力します。

実用例

映画のクリップからリアクションGIF

90秒の動画クリップの中央付近に2.5秒のリアクションがあります。Video to GIFを開き、Start Time 42.0、End Time 44.5、15 FPS、幅480px、128色、ディザリングオン（デフォルトのBayer設定）を設定します。2パスパレット符号化で約1.5MBのきれいなGIFができ、SlackやDiscordに警告なしで貼り付けられる小ささです。

デザインフレームからローディングスピナー

デザイナーがカスタムローディングアニメーションの200×200のPNGフレームを12枚渡してくれます。GIF Makerを開き、12枚すべてをアップロード、デフォルト遅延フィールドに80と入力（12.5 FPSのアニメーションになります）、Apply to Allをクリック、幅を200pxに設定、Create GIF from Imagesをクリックします。結果はフレーム単位で完璧なローディングGIFで、ウェブページやアプリ内ローダーにそのまま使えます。

README用に画面録画GIFを縮小

GitHub READMEの画面録画GIFが8MBあって、リポジトリのドキュメントページが遅くなっています。Optimizerを開き、GIFをアップロード、Max Colors 128、Compression Level 80、640px幅でResizeを有効にします。出力は通常60〜80%小さくなり、ドキュメントサイズで読めるままです。マーケティングページ用のMP4も必要なら、元のGIFをGIF to VideoのMedium品質で別途1〜2MBのMP4にしてください。

ヒントとベストプラクティス

動画セグメントは短く保つ。 15 FPSで480px幅のGIFは1秒あたりおよそ1〜3MB。5秒のクリップは快適、15秒だとすぐに扱いにくくなります。長いものが必要ならGIF to Videoタブが、巨大GIFよりほぼ常に良い答えです。

品質より先に色深度を削る。 OptimizerでMax Colorsを256から128に下げると、視覚的差なしで通常30〜40%節約できます。Compression Levelを上げるのは色削減で頭打ちになってから — 高い圧縮値は平らな領域に見えるディザ artifactを入れます。

ピクセルアートではディザリングを無効に。 ディザリングは写真コンテンツやグラデーションに有効ですが、シャープなピクセルアートやベタ塗りイラストにはノイズを足します。Video to GIFタブで、それらの入力にはDither AlgorithmをNoneに設定します。

Dithering タブをプレビューラボとして使う。 長いクリップのVideo to GIF全体エンコード前に、代表的な1フレームをDitherタブにドロップしてアルゴリズムを試します。Floyd-Steinbergは写真で最も滑らか、Bayerはより決定的で速いです。

GIF Makerは2フレームが下限。 1枚の画像はアニメーションになりません。ツールは拒否してトーストを出します。少なくとも2枚をドロップしてください。

よくある問題と対処

「Add at least 2 images to create a GIF」 — GIF Makerタブはアニメーションを作るのに2フレーム以上必要です。もう1枚画像を足してください。

出力GIFが巨大。 セグメント長、FPS、幅の3つが掛け算で効きます。1つずつ下げてください。30 FPSから15 FPSでフレーム数が半分、1280から640pxでフレームあたりピクセルが4分の1になります。3つを同時に下げると下げすぎます。

特定の動画でパレット生成が失敗。 一部の動画ファイルは異色空間やコーデックの癖でpalettegenが変な結果を出します。先にソースを近日公開: Video ConverterでMP4に変換してから、Video to GIFに持ち込んでください。

GIF→動画の出力がピクセル化して見える。 GIFは256色までなので、GIFから作った動画はそのパレット制限を引き継ぎます。出力はGIFに忠実ですが、ネイティブ動画のようには見えません。元の動画ソースがあれば、それを直接Video Converterで変換するときれいな結果になります。

Optimizerが0%の節約しか示さない。 入力がすでに強く最適化されているか、設定が十分に強くありません。より低いMax Colors値を試すかCompression Levelを上げてください。2パス再符号化には固定オーバーヘッドがあるので、極小入力は数バイト大きくなることがあります。

タブを切り替えると作業がリセットされる。 各タブは独自の状態を保つので、別タブに行って戻ると進行中の作業は残りますが、ハードリフレッシュですべて消えます。設定を保存するにはツール下のPresetsパネルを使ってください。

プライバシーとセキュリティ

GIF SuiteはFFmpeg WASMを使ってブラウザ内ですべてローカルに処理します。動画、画像、GIFのデータはどこにもアップロードされません。タブを初めて使うときFFmpeg WASMがブラウザキャッシュにダウンロードされ（約31MB）、その後は同じブラウザセッション内でツールがオフラインで動作します。機密フッテージ — 社内デモ、ドラフトアニメーション、共有したくないものは何でも — がデバイス上に留まります。

よくある質問

なぜVideo to GIFはFFmpegの2パスが必要なのですか？

2パスパレット符号化のほうが明らかによいGIFができます。最初のパスで動画をスキャンしてコンテンツに合った最適パレットを構築、2回目でそのパレットと選んだディザでGIFをレンダリングします。汎用パレットでのシングルパス符号化と比べて色バンディングを減らせます。

どのフレームレートを使えばいいですか？

リアクションGIFやウェブアニメーションには10〜15 FPSが標準です。24 FPSは映画の滑らかさに近いですが、12 FPSと比べてファイルサイズがおよそ倍になります。タイムラプスのような遅いコンテンツには5 FPSで十分です。クリップに対して滑らかに見える最低のレートを選んでください。

GIF Makerに何枚の画像を読み込めますか？

セッションあたり最大50枚、PNG、JPG、WebPで。各画像は最大50MBまでです。

OptimizerのCompression LevelとMax Colorsの違いは？

Max Colorsはパレットサイズを直接削減し、ファイルを比例的に縮め、多くのコンテンツで128色まで視覚的に見えません。Compression Level（0〜200）はパレット再マッピング中のディザリング攻勢を制御し、高い値は見えるディザリングと小さいファイルを交換します。先にMax Colors、色削減で行き詰まったらCompression Levelを試してください。

動画変換時にGIFを複数回ループできますか？

はい。GIF to VideoタブにはLoop Countフィールド（1〜100）があります。ツールはFFmpegの-stream_loopを使って符号化前に指定回数入力を繰り返すので、2秒のGIFを5回ループすれば10秒の動画になります。

静止画のDitheringタブにはどのディザアルゴリズムがありますか？

4種類です：None（量子化のみ）、Floyd-Steinberg（滑らかな誤差拡散、写真に最適）、Atkinson（軽めの誤差拡散、クラシックMacintoshで普及）、Ordered/Bayer 4×4（速くて決定論的なパターン）。出力はPNGです。Ditheringタブは1枚の静止画で動作し、アニメーションのディザリングにはVideo to GIFやGIF Makerを使ってください。

Optimizerの最大GIFファイルサイズは？

100MBです。非常に大きなGIFは、各フレームを復号、再量子化、再符号化するため1分以上かかることがあります。

スプライトシートジェネレーターにサイズ制限はありますか？

はい。計算されたスプライトシートが安全なキャンバス寸法を超える場合、ツールは警告して停止し、トーストで列を減らすよう提案します。大きなGIFには、列数を減らすか、先にフレームを抽出して手動で組み立ててください。

関連ツール

• 近日公開: 動画コンバーター — Video to GIFに通す前にソース動画をクリーンなMP4に変換、特に珍しいコーデックに。
• 近日公開: 動画トリマー — GIF Suiteに持ち込む前に長いソース動画でより細かいトリム制御に。
• 近日公開: 画像圧縮 — GIF Makerに読み込む前にPNGやJPGフレームを事前圧縮し、より小さい出力に。
• 近日公開: 動画圧縮 — GIF to Video出力がまだ大きすぎるとき、結果をここにドロップして2回目の圧縮を。

今すぐGIF Suiteを試す：近日公開: GIF Suite