Online Tool Store
Sprite-Sheet-Generator
Packe eine Reihe von Bildern in ein einzelnes Sprite-Sheet-PNG mit konfigurierbarem Raster, plus herunterladbare Frame-Koordinaten als JSON. Läuft im Browser.
🔒 Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien werden niemals an einen Server hochgeladen.
So funktioniert es
- Wähle deine Bilder in der Reihenfolge, in der sie gepackt werden sollen.
- Passe die Rasterspalten und den Abstand an.
- Lade das gepackte PNG herunter, optional auch die Frame-Koordinaten als JSON.
FAQ
Welche Größe hat jede Zelle, wenn meine Bilder unterschiedlich groß sind?
Jede Zelle wird so bemessen, dass sie in das größte Bild deines Satzes passt, sodass kleinere Bilder oben links in ihrer Zelle platziert und nicht gestreckt werden.
Was steht in der Frame-Daten-JSON?
Die x-, y-, Breiten- und Höhenangaben jedes Bildes im Sprite Sheet, in der Reihenfolge des Hinzufügens – bereit für eine Game-Engine oder CSS-Sprite-Suche.
Spielt die Reihenfolge meiner hochgeladenen Bilder eine Rolle?
Ja – Bilder werden von links nach rechts, von oben nach unten in der von dir gewählten Reihenfolge gepackt.
Werden meine Bilder irgendwohin hochgeladen?
Nein – das Packen passiert lokal auf einem Canvas in deinem Browser.
Im Vergleich
| Funktion | Online Tool Store | Manuelles Layout in einem Bildeditor | Desktop-Sprite-Packer |
|---|---|---|---|
| Keine Installation | ✓ | ✓ | ✗ |
| Frame-Koordinaten enthalten | ✓ | ✗ | ✓ |
Sprites manuell in einem Bildeditor zu platzieren bedeutet, Koordinaten von Hand zu berechnen. Sprite Sheet Generator packt sie und gibt dir die Koordinaten.