スプライトシート分割
スプライトシートをフレーム分割（アニメ確認）。
ファイルは端末内に留まります
このツールはすべての処理をブラウザ内で行います。サーバーへのアップロードはありません。
📝 スプライトシート分割について
スプライトシート分割は、グリッド状のスプライトシートを個別のフレーム画像に切り分けるツールです。シート画像をアップロードし、列数と行数を入力して「フレーム分割」をクリックすると、各マスがそれぞれPNGになり、frame-001.png、frame-002.png…と連番が付いたframes.zipとしてまとめてダウンロードできます。
アセットパックが1枚のシートでしか提供されていないのに、ゲームエンジンやアニメーションツールでは個別の画像が必要な場合、特定のフレームだけを確認・修正したい場合、大きなシートから一部のポーズだけを再利用したい場合に便利です。フレームは左から右、上から下の順に読み取られ、多くのアセットパックの配置と一致します。
分割後は、内蔵のアニメーションプレビューでフレームが順番に再生され、1〜24のFPSスライダーで速度を調整して、取り込む前にタイミングを確認できます。フレームサイズはシートの幅を列数で、高さを行数で割った値で、割り切れずに端に残ったピクセルは切り捨てられるため、余白のないシートを使ってください。ピクセルアートもプレビューでぼやけずに表示され、すべての処理はブラウザ内で完結します。
📘 使い方
- 1
シートをアップロード
PNGやWebPなどのスプライトシート画像をドロップするか選択します。
- 2
列数と行数を設定
横方向と縦方向のフレーム数を入力し、「フレーム分割」をクリックします。
- 3
プレビューしてダウンロード
FPSスライダーでアニメーションを確認し、「フレームをダウンロード（ZIP）」をクリックします。
❓ よくある質問
フレーム番号はどの順番で付きますか？
一番上の行から、各行を左から右の順に付けられるため、frame-001.pngは左上のマスになります。
フレームがずれたり切れたりして見えるのはなぜですか？
このツールは、余白やマス間の隙間がない均等なグリッドを前提としています。余白のあるシートは先にトリミングし、列数と行数がシートと正確に一致しているか確認してください。
アニメーションをGIFとして書き出せますか？
いいえ。プレビューはタイミング確認専用で、ダウンロードできるのは個別のPNGフレームをまとめたZIPファイルです。
透明部分は保持されますか？
はい。フレームはPNGで保存されるため、元のシートの透明な部分はそのまま透明に保たれます。