スプライトシート作成
PNG画像を結合。列数・間隔・余白を指定し、PNGとフレーム座標を保存できます。
🔒 画像処理はこの端末内で行われ、サーバーにはアップロードされません。
ファイルをドロップ、または下で選択してください。
最大200画像、1ファイル40MB。処理はこの端末内で行います。
またはサンプル画像を試す:
スプライトシート作成ツールとは？
PNG画像を結合。列数・間隔・余白を指定し、PNGとフレーム座標を保存できます。
個別の画像をゲームやWebアニメーション用のグリッドに配置します。最大のフレームを基準にセルを作るため、異なるサイズの画像も変形せずに並べられます。
主な活用例
- ゲーム開発：キャラクターの各フレームを1枚のPNGにまとめます。
- 素材の整理：余白削除や拡大後のスプライトを再びシートにします。
特徴:
- グリッド配置：列数、セル間隔、外側の余白を指定できます。
- フレーム座標：各画像の実際の位置とサイズをJSONに保存します。
- ツール連携：個別PNGをZIPで保存し、アニメーターにも送れます。
使用方法:
- PNG・JPEG・WebP画像またはZIPを選びます。frame2がframe10より前になる自然順で並びます。
- 矢印で順序を変更し、不要なフレームを×で削除します。
- 列数、間隔、余白を指定します。設定変更後はプレビューを再作成してください。
- 結果を確認し、PNG・座標JSON・ZIPを保存します。アニメーターで各フレームを再生することもできます。
プロのヒント:
- 固定グリッドが必要なエンジンでは、先にフレームのサイズを統一してください。
- 不要な透明余白を削除してから、セル間隔を指定すると整ったシートになります。
よくある質問 (FAQ)
Q: 異なるサイズの画像は拡大・縮小されますか？
A: いいえ。最大の幅・高さを共通セルに使い、各画像を元のサイズでセルの左上に置きます。
Q: JSONはエンジン専用のインポート形式ですか？
A: 位置とサイズを持つ一般的なフレーム座標です。Unity・Godot専用ファイルではないため、エンジンの入力形式を確認してください。
Q: 画像はサーバーに送られますか？
A: 処理はこのブラウザ内で行います。ツール間の転送データもこのブラウザだけに保存され、転送データの削除ボタンで消せます。
ガイドと記事
他のツールで続ける
転送したフレームは削除するまでこのブラウザだけに保存されます。