GIF ツールボックスは、アニメーション画像まわりの 4 種類の小さな作業をまとめたツールです。「画像合成」「コマ分割」「文字入れ」「速度変更」。画像合成はまずブラウザの canvas で画像を先頭画像の比率に揃え、その後 ffmpeg の 2 パスパレットで GIF を生成します。コマ分割は GIF / APNG / アニメーション WebP を PNG のセットにデコードします。文字入れは先にフレームレートを揃えてコマを分割し、ブラウザのシステムフォントで 1 コマずつ描いてから再合成します。速度変更はコマの時間を計算し直します。

それぞれ処理の道筋は同じではありません。合成で選べるのは最大 60 枚、幅は 320 / 480 / 640px のみ。文字入れは 300 コマが上限。速度変更の範囲は 0.25x–4x で、加速後に 50 fps を超える場合は自動で 50 fps に抑えられます。ffmpeg を通る処理はブラウザ内のシングルスレッド ffmpeg.wasm が実行します。

1. 01サブツールを選ぶ目的に応じて「画像合成」「コマ分割」「文字入れ」「速度変更」に切り替えます。
2. 02素材を用意する合成は画像を 2 枚以上選んで並べ替えます。残りの 3 つは GIF、APNG、アニメーション WebP を選択している必要があります。
3. 03パラメータを設定する合成では 1 コマ 0.1–2 秒、幅、背景を調整できます。文字入れでは上下の位置、文字サイズ、色、黒い縁取りを設定できます。速度変更は 0.25x–4x です。
4. 04実行してダウンロード合成・コマ分割・速度変更はそのまま ffmpeg のタスクとして送られます。文字入れは「コマ分割 → canvas で文字を重ねる → 再合成」の 2 つのタスクを自動でつなげて実行します。

合成の枚数

最大 60 コマ。アニメーション画像を素材にした場合は最初のコマだけを使い、すべての画像を先頭画像の比率に揃えます。

コマ分割の情報

書き出した PNG はデコード順に番号が付きますが、元のアニメーションの可変コマ間隔の情報は保持されません。ダウンロード時は zip にまとめられます。

文字入れの上限

文字は最大 40 文字で、位置は上部か下部のみ。推定または実際のコマ数が 300 を超えると拒否され、フレームレートは 5–30 fps に制限されて文字入れに使われます。

速度変更の範囲

0.25x–4x。GIF のコマ間隔は最小 0.02 秒として扱われ、加速した結果は最大約 50 fps です。

やらないこと

コマ単位の手描きタイムライン、任意位置の字幕トラック、GIF の最適化ツールは提供しません。動画から GIF を作るときは「動画を GIF に変換」を使ってください。

画像もアニメーション画像もブラウザ内で canvas と ffmpeg.wasm が処理し、アップロードされません。ffmpeg を使う処理の初回呼び出し時は、サイトのアセットドメインまたは jsDelivr から約 31–32 MB のシングルスレッド core をダウンロードします。