GIF をアップロードしてフレームを抽出し、スプライトシートをダウンロード。アニメーションのプレビュー、列数と余白の指定まで、すべてブラウザ内で完結します。
GIF を選択して端末内で各フレームを抽出します。
GIF を選択して端末内で各フレームを抽出します。
無料 · ローカル処理 · 登録不要
端末の GIF を選ぶか、サンプルで実際の変換を試します。
抽出したアニメーションを確認し、列数と余白を調整します。
全フレームを含む PNG を保存。シートは静止画像で、再生時間はツールに表示されます。
GIF はフレームとタイミングをまとめて持っています。スプライトシートは同じフレームを固定グリッドに並べたもの —— ゲームエンジンが切り出す形です。デコードと配置を、ブラウザ内で済ませます。
すべてのフレーム
元の順序のまま、部分更新のフレームも含めて取り出します。
元のドット
拡大も再サンプリングもしません。64 × 64 の GIF なら 64 × 64 のセルです。
元のテンポ
各フレームの間隔が隣に出るので、コード側で同じ速さを再現できます。
この変換ツールが受け取るものと出すもの、すべて数字で。
| GIF → スプライトシート | |
|---|---|
| [R01] 入力 | アニメーション GIF |
| [R02] ファイル上限 | 12 MB |
| [R03] フレーム上限 | 160 |
| [R04] 1 フレームの画素上限 | 2,000,000 |
| [R05] フレーム順 | 元の順序、部分更新も含む |
| [R06] 列数 | 自動 / 1 / 2 / 4 / 8 |
| [R07] 余白 | 0 / 1 / 2 / 4 px |
| [R08] 出力 | PNG、元のドットのまま |
| [R09] 実行場所 | ブラウザ内。アップロードなし |
変換する前に開発者がよく聞くこと。
アニメーション GIF を 1 フレームずつデコードし、1 枚の PNG グリッドに並べます —— ゲームエンジンが読める形式です。同じアニメーションを GIF ではなくスプライトシートとして受け取れます。
アニメーション GIF はデコードできます。フレームは部分更新のものも含め、元の順序で読み取ります。ファイルが非常に大きい場合はブラウザのメモリが足りないことがあります。
1 ファイル 12 MB、最大 160 フレームです。超えるとすべてのフレームをデコードしきれません。小さく書き出すか、短くしてください。
いいえ。スプライトシートはフレームをグリッドに並べたものです。再生はゲームやアニメーションのコードが制御します。元のフレーム間隔はツール内に表示されます。
こちらはアニメーション GIF からフレームを取り出します。スプライトシートメーカーは、すでに手元にあるフレーム画像を並べます —— 順序は自分で決められます。
スプライトシートにたどり着く 4 つの道。手元にあるものに合わせて選んでください。