[無料ツール一覧](https://www.summerengine.com/ja/free-tools)

# スプライトシート作成ツール

最大16枚の画像をPNGアトラスにまとめ、フレーム情報をJSONで保存します。

これらのツールはブラウザーで動きます。選んだ画像はこの端末に残ります。アカウントは不要です。

保存形式: PNG · JSON

プリセットから始める

余白の少ないアトラス余白のあるアトラス

## プレビュー

設定を選んでプレビューを生成してください。

## 使い方

ブラウザーが画像をアトラスに配置し、各フレームの名前と範囲を記録します。アニメーション用の画像そのものは生成しません。

1. スプライト画像を選びます。
2. 画像間の余白を設定し、アトラスを確認します。
3. PNGとJSONを保存し、一緒に管理します。

PNGをアトラスとして取り込み、JSONの座標から各スプライトの表示範囲を設定してください。

## よくある質問

キャラクターを自動で動かせますか？

いいえ。手持ちのフレームをまとめます。再生順と表示時間はエンジンで設定してください。

余白はなぜ必要ですか？

拡大やフィルター処理で隣の画像の色が混ざるのを抑えます。

## 関連ガイドとツール

* [スプライトシートのガイド](https://www.summerengine.com/ja/ai-sprite-sheet-generator)
* [スプライトライブラリ](https://www.summerengine.com/ja/asset-store/sprites)
[無料ツール一覧](https://www.summerengine.com/ja/free-tools)

Source: https://www.summerengine.com/ja/free-tools/sprite-sheet

---

## Machine-readable resources

- Site index for agents: https://www.summerengine.com/llms.txt
- Full inlined content: https://www.summerengine.com/llms-full.txt
- Porting catalog: https://www.summerengine.com/llms-porting.txt
- Structured catalog: https://www.summerengine.com/agent-catalog.json
- Sitemap: https://www.summerengine.com/sitemap.xml
- Developer resources: https://www.summerengine.com/docs