[Alle kostenlosen Werkzeuge](https://www.summerengine.com/de/free-tools)

# Sprite-Sheet packen

Packe bis zu 16 Bilder in einen PNG-Atlas mit JSON-Daten für die Frames.

Diese Werkzeuge laufen im Browser. Hochgeladene Bilder bleiben auf diesem Gerät. Ein Konto ist nicht nötig.

Dateiformate: PNG · JSON

Mit einer Vorlage starten

Dichter AtlasAtlas mit Abstand

## Vorschau

Stelle die Werte ein und erstelle eine Vorschau.

## So funktioniert es

Der Browser ordnet hochgeladene Bilder im Atlas an und speichert Name und Rechteck jedes Frames. Er zeichnet keine neuen Animationsbilder.

1. Wähle die Sprite-Bilder.
2. Stelle den Abstand ein und prüfe den Atlas.
3. Lade PNG und JSON herunter und bewahre beide Dateien zusammen auf.

Importiere das PNG als Atlas und verwende die JSON-Koordinaten, um die Sprite-Bereiche in der Engine festzulegen.

## Fragen

Animiert das Werkzeug meine Figur?

Nein. Es packt vorhandene Frames. Reihenfolge und Anzeigedauer legst du in der Engine fest.

Wozu dient der Abstand?

Er reduziert das Überlaufen von Farben bei Filterung oder Skalierung des Atlas.

## Weitere Anleitungen und Werkzeuge

* [Sprite-Sheet-Anleitung](https://www.summerengine.com/de/ai-sprite-sheet-generator)
* [Sprite-Bibliothek](https://www.summerengine.com/de/asset-store/sprites)
[Alle kostenlosen Werkzeuge](https://www.summerengine.com/de/free-tools)

Source: https://www.summerengine.com/de/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