Sprite-Sheet-Generator

Kombinieren Sie Bilder zu einem einzelnen Sprite-Sheet

Ziehen & Ablegen oder klicken zum Hochladen

PNG, JPG, WebP, SVG, GIF

Was ist Sprite-Sheet-Generator?

Sprite Sheet Generator kombiniert mehrere Einzelbilder zu einem optimierten Sprite Sheet. Laden Sie Ihre Frames oder Icons hoch, konfigurieren Sie das Layout (Raster oder gepackt) und exportieren Sie das Gesamtbild mit CSS-Koordinaten oder JSON-Metadaten.

Anleitung

  1. Laden Sie die einzelnen Bilder hoch, die Sie zu einem Sprite Sheet zusammenfügen möchten.
  2. Wählen Sie den Layout-Modus (Raster oder gepackt), den Abstand und die Ausgabegröße.
  3. Laden Sie das Sprite-Sheet-Bild zusammen mit CSS- oder JSON-Positionsdaten herunter.

Ergebnis

Ein Spieleentwickler lädt 16 Charakter-Animationsframes (je 64×64) hoch. Das Tool ordnet sie in einem 4×4-Raster an und erzeugt ein 256×256 Sprite Sheet mit JSON-Frame-Koordinaten für die Game Engine.

Ähnliche Tools