スプライトシートをここにドロップ
クリックして選択 · または貼り付け (Ctrl/Cmd + V)
ブラウザ内で処理 · アップロードなし
別の画像をドロップ / クリック
1枚のスプライトシート（複数のコマを並べた画像）を、個別のフレーム画像に分割するツールです。分割方法は2通り：「グリッド（列数×行数）」で何コマに割るかを指定するか、「セルサイズ（px）」で1フレームの幅・高さを直接指定できます。シート外周の余白（margin）とフレーム間の間隔（spacing）も設定できるので、隙間を空けてパックされたシートもぴったり切り出せます。プレビューには切り出し枠が重なって表示され、「空フレームを除く」を ON にすると、完全に透明なマス（空きコマ）は半透明で示され、書き出しからも除外されます。書き出しは左→右・上→下の連番で、ファイル名に行（r）・列（c）が入った PNG をまとめた ZIP です。ゲーム開発のアニメーション素材、Unity/Godot 等のインポート前の素材整理、アイコンセットの分解などに使えます。画像はアップロードされず、すべて端末内（Canvas）で処理されます。
使い方
- スプライトシートをドロップ、クリックで選択、または貼り付け（Ctrl/Cmd + V）。
- 分割方法を「グリッド（列×行）」か「セルサイズ（px）」から選ぶ。
- 必要なら余白・間隔を入力し、「空フレームを除く」を切り替える。
- プレビューの枠で切り出し位置を確認する。
- 「ZIP をダウンロード」で個別フレームの PNG をまとめて書き出し。画像は送信されません。
よくある質問
画像はサーバーにアップロードされますか？
いいえ。分割はすべてブラウザ内（Canvas）で行われます。画像はアップロード・保存・送信されず、あなたの端末内だけで処理されます。
グリッド指定とセルサイズ指定、どちらを使えばいいですか？
1行あたり何コマあるか（列数・行数）が分かっているならグリッド指定が手軽です。1フレームの大きさ（例: 32×32 px）が決まっているシートはセルサイズ指定が正確です。どちらでも余白・間隔と組み合わせられます。
フレームの間に隙間や外側の余白があるシートも分割できますか？
はい。外周の余白（margin）とフレーム間の間隔（spacing）を横・縦それぞれ指定できます。パッカーで隙間を空けて並べたシートも、枠がコマにぴったり合うよう調整できます。
空きコマ（透明なフレーム）を除けますか？
はい。「空フレームを除く」を ON にすると、完全に透明なマスはプレビューで暗く示され、ZIP からも除外されます。歯抜けのアニメシートで不要な透明画像が大量に出るのを防げます。
書き出されるファイルの順番（名前）はどうなっていますか？
左→右・上→下の順に連番を振り、ファイル名に行（r）・列（c）を入れています（例: sheet_01_r1-c1.png）。どのフレームがどの位置かが名前で分かります。
画質は落ちますか？
落ちません。元画像の対応する領域をそのまま切り出して PNG にしているだけなので、拡大・縮小による劣化はありません（透過もそのまま保持されます）。