GIFの再利用向け
GIFからスプライトシートへ
アニメーションGIFを開き、その中の個別画像を取得します。グリッド画像または個別PNGで保存できます。
例：walking.gif → 16枚のPNGフレーム
このツールを試す- 1. 追加1つのアニメーションGIF
- 2. 調整完全な画像に分割
- 3. 保存PNG画像グリッドまたはZIP
1. 分割したいGIFを選択
ここに画像を表示します。サーバーへのアップロードはありません。
使い方
1. 再利用できるアニメーションをアップロード
GIFを選び、抽出を待ってください。表示されたキャンバスサイズとフレーム数を確認します。作業画面には最初に抽出したフレームが表示されます。後のポーズを使う前に、書き出した連続画像をエディターで確認してください。
2. 各行に並べる画像の数を選択
グリッド画像の1行あたりの画像数を設定します。64 × 64のフレーム12枚を4列にすると、256 × 192のPNGになります。列数で変わるのはシートの配置であり、フレームの寸法、アニメーション速度、順序ではありません。
3. グリッドを保存、またはフレームと時間情報を一緒に保持
同じサイズのセルを読み取るエンジンには、PNGシートをダウンロードしてください。個別のPNGとframe-delays.jsonにはZIPをダウンロードします。元のアニメーションで、長く表示するポーズや停止が重要なら、そのJSONを残してください。
GIF抽出が画像ブロックのコピーだけではない理由
GIFは、前のフレームから変化した矩形だけを保存する場合があります。まばたきする目は、新しいキャラクター全体の画像ではなく、小さな差分領域かもしれません。このインポーターは、差分をフルサイズのキャンバスに合成し、直前の差分を消去したり以前のキャンバスを復元したりする破棄処理のルールを適用します。
PNGグリッドは抽出したピクセルを保持しますが、再生の遅延時間は保持しません。80 msのフレーム11枚と400 msのポーズ1枚なら、1.28秒のループになります。12枚すべてを12.5 FPSで再生すると、停止時間がなくなります。次のアプリが不均等な表示時間に対応するなら、frame-delays.jsonを残してください。
シートの末尾には未使用のセルが残る場合があります。4列に10フレームを並べるには3行必要で、2か所が空きます。すべてのグリッドセルを自動再生せず、エンジンのアニメーションを10フレームに制限してください。
| 設定または入力 | 意味 |
|---|---|
| PNGシート | 読む順に並ぶ同じサイズのセル、遅延時間なし |
| PNGフレームのZIP | 個別フレームとミリ秒単位の遅延時間 |
| 元のGIF | 時間と見た目の参照として保持 |
ダウンロード前に確認
中間と最後のフレームで残像を確認
最初のフレームだけでは、すべての消去処理の問題はわかりません。物体が領域を離れた後のフレームを元GIFと比較してください。特殊な元ファイルは、フレームの使用先アプリでも確認が必要です。
圧縮ファイルサイズよりデコード後のサイズが重要
入力上限は20 MB、100フレーム、各辺1024 px、全フレーム合計2000万ピクセルです。シートも各辺8192 px、3200万ピクセルまでです。一辺が長すぎる場合は列数を変え、合計面積が大きすぎる場合は元画像を小さくしてください。
質問
PNGの抽出でGIFの品質は改善しますか？
いいえ。PNGは追加の非可逆エンコードを避けますが、元データにない色や滑らかな透明度は戻せません。元の画像があるなら、それを使ってください。
元のアニメーション速度はどこにありますか？
ZIP内のframe-delays.jsonにあります。シートPNGには時間情報がありません。次のアプリケーションが遅延を読むか再現する必要があります。ImageMintの均一FPSのアニメーターは、そのファイルを取り込みません。
最後に空のタイルがあるのはなぜですか？
列数でフレーム数を割り切れない場合があります。これらは未使用の位置であり、元のフレームではありません。約数を選ぶか、エンジンでアニメーション範囲を制限してください。
アニメーションWebPや動画をアップロードできますか？
いいえ。このインポーターはGIFファイルを読みます。動画やWebPを.gifに改名しても変換にはなりません。先に適切なエディターで書き出し、比較用にオリジナルを保持してください。
GIFは変換のためにアップロードされますか？
いいえ。抽出と書き出しは端末内で行います。元GIFが小さな差分を含む場合でも、各出力フレームにフルサイズのキャンバスがあるため、ブラウザーのメモリ使用量は大きい場合があります。
関連ツールとチュートリアル
GIF抽出と時間設定のガイド — 残像フレーム、失われた停止時間、意図しない空白セルを避けます。
スプライトシートアニメーター — 抽出フレームは一定FPSで確認し、元のタイミングの証明とはしないでください。
ピクセルアート拡大 — 小さなピクセルアートのフレームを整数倍率で拡大します。