Sprite-Sheet-Generator
Packt Bilder in einen Atlas und exportiert Koordinaten.
So verwendest du Sprite-Sheet-Generator
The Image sprite sheet maker packs multiple images into one PNG grid of square cells and exports a JSON file with each sprite's x, y, width and height. You set the number of columns from 1 to 20, a cell size from 8 to 1,024 pixels and a gap of up to 100 pixels between cells. Images are scaled to fit their cell while keeping aspect ratio.
- Wähle eine Quelldatei aus. Wenn das Tool mehrere Dateien akzeptiert, ordne sie in der gewünschten Reihenfolge an.
- Passe die Grundeinstellungen an und öffne dann den Erweiterten Modus für Export- und Feinabstimmungsoptionen. Benutzerdefinierte Einstellungen bleiben aktiv, wenn das Panel geschlossen wird.
- Führe den Sprite-Sheet-Generator aus, prüfe die Ausgabe und verwende dann die verfügbaren Bedienelemente zum Kopieren oder Herunterladen.
Was dieses Tool unterstützt
Packt Bilder in einen Atlas und exportiert Koordinaten.
- Spalten
- Range: 1 to 20
- Quadratische Zellgröße (px)
- Range: 8 to 1024
- Zellabstand (px)
- Range: 0 to 100
Grenzen und Verarbeitung
Bilder nutzen die bestehende 32-Megapixel-Leinwandgrenze. Bis zu 100 Quellbilder sind zulässig, wo dies unterstützt wird. Eingefügtes HTML ist auf 200.000 Zeichen begrenzt; Mermaid-Diagramme auf 20.000 Zeichen und 300 Zeilen. Die SVG- und PNG-Erzeugung erfordert einen Browser.
Häufige Fragen
What does the sprite coordinates JSON contain?
The sprite-coordinates.json file has one entry per image, keyed by its position number and file name, such as 1-icon.png. Each entry gives the x and y offset of the sprite in the sheet and its drawn width and height in pixels.
How are sprites positioned inside each cell?
Every image is scaled down or up to fit inside the square cell while keeping its aspect ratio, then drawn from the top-left corner of the cell. Non-square images therefore leave empty transparent space to the right or below.
Why add a gap between sprites?
A gap of a few pixels keeps neighboring sprites from bleeding into each other when the sheet is scaled or filtered in a game engine or CSS. The gap is added after each cell, and the coordinates in the JSON already account for it.
Wo wird meine Eingabe verarbeitet?
Dieser Vorgang verarbeitet seine Quelle in deinem Browser. Kopieren und Herunterladen sind ausdrückliche Aktionen; die Quelleingabe wird nicht in einem Konto oder Verlauf gespeichert.
Welche Eingabelimits gelten?
Bilder nutzen die bestehende 32-Megapixel-Leinwandgrenze. Bis zu 100 Quellbilder sind zulässig, wo dies unterstützt wird. Eingefügtes HTML ist auf 200.000 Zeichen begrenzt; Mermaid-Diagramme auf 20.000 Zeichen und 300 Zeilen. Die SVG- und PNG-Erzeugung erfordert einen Browser.