スプライトシート分割

このツールでできること

• スプライトシート分割では、スプライトシートを行・列指定で個別フレームに分割。アニメーション素材の切り出し・整理に対応。

使い方

1. スプライトシート画像をドロップ欄にドラッグ&ドロップするか、クリックしてファイルを選択する。
2. Columns（列数）とRows（行数）を1〜50の範囲で入力する。
3. 赤い破線グリッドで区切り位置をプレビュー確認し、必要ならColumns/Rowsを調整する。
4. 「Split」ボタンを押すと、各タイルがCanvasで切り出されPNGとして生成される。
5. 「すべてダウンロード」で全タイルを一括保存するか、プレビューの各タイルをクリックして個別にPNG保存する。

入力例・出力例

よくある利用シーン

• ゲーム制作で、複数フレームがまとめられたスプライトシートを1コマずつのPNGに分割してエンジンに読み込ませたいとき。
• ドット絵アニメーションを、コマごとの個別PNGとしてブログやSNSに公開したいとき。
• 横一列（1行のみ）に並んだウォークサイクルなどのアニメーションストリップを、コマ単位のファイルに分けたいとき。
• 画像をサーバーにアップロードせず、ブラウザ内だけでスプライトシートを分割・保存したいとき。

結果確認のポイント

• 出力サイズ、縦横比、ファイル形式、画質が用途に合っているか確認してください。
• 表示された前提や単位が目的と一致しているか見直してください。
• 結果を他の場所へ転記する場合は、利用先で改行・記号・値が変わっていないか確認してください。

注意点

• 重要な元画像は別に保存し、必要に応じて元データと比較してください。
• 結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

• スプライトシート分割の主要な処理はブラウザ内で実行されます。
• 保存の有無はツールによって異なります。ブラウザ内の保存領域を使う機能では、ページを閉じても設定や作業内容が残る場合があります。
• 本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

アクセス解析・広告・保存データの詳しい取り扱い

よくある質問

関連ツール