Handioスプライトシート分割
スプライトシートを個々のセル画像に切り出します。行と列、または固定セルサイズを選び、全フレームをダウンロードします。
ファイルはデバイス内に保持されます - すべてブラウザ上で処理されます
ここにスプライトシートをドロップ
または
Extracted sprites appear here as soon as you drop a sprite sheet.
スプライトシートの分割方法
- 1 枚のスプライトシートをアップロード領域にドロップするか、クリックしてデバイスから選択します。
- 画像を均等に分割するには [行 & 列] を、正確なピクセル寸法を指定するには [固定セルサイズ] を選択します。
- シートに余白がある場合は、セル間の間隔を設定します。
- 抽出したセルをプレビューし、個別または一括でダウンロードします。
よくある質問
画像はサーバーにアップロードされますか?
いいえ。分割は Canvas API を使いブラウザ内で完全に実行されるため、画像がデバイスから出ることはありません。
2 つのモードの違いは何ですか?
[行 & 列] は画像を均等に固定グリッドへ分割します。[固定セルサイズ] は正確なピクセル寸法を使用し、収まる完全なセルだけを保持します。
余った端数のセルはどうなりますか?
[固定セルサイズ] モードでは、完全なセルに収まらない端数の行や列は破棄されるため、出力はすべてきれいで完全なスプライトになります。
このツールは無料ですか?
はい。Handio のすべてのツールは無料で、登録不要、制限なし、透かしなしです。
Can I download all frames at once?
Yes. Download All saves every sprite as a separate PNG, and Download ZIP puts all frames into one archive. Each sheet is processed in one go with a cap of 256 sprites; the status line tells you if a sheet was truncated.
My sprite sheet has padding between frames - how do I split it?
Set the spacing value to the gap between frames and the border value for padding around the edge of the sheet, then check the layout preview to see that the cells line up with your sprites before downloading.
How does Auto-Detect work?
Auto-Detect reads the alpha channel and finds every connected region that is not transparent, drawing a bounding box around each sprite. It works best with PNG or WebP sheets on a transparent background; the merge value keeps shadows and detached parts together in one frame.
関連ツール
スプライトシートを分割する理由
スプライトシートは、ゲームエンジンやアニメーションのために多くのフレームを 1 枚の画像にまとめたものです。個々のファイルに分割し直すことで、各フレームを簡単に編集・再利用できます。
- ゲームのスプライトシートから個々のアニメーションフレームを取り出せます。
- アイコンやタイルセットのアトラスから元のタイルを復元できます。
- 別の画像ツールで編集できるようフレームを準備できます。
ヒントと制限
各スプライトのピクセルサイズが決まっている場合は [固定セルサイズ] を使い、セル間に余白があるシートでは間隔の値を設定してください。出力は常に PNG で、すべてブラウザ内でローカルに動作します。