Sprite Sheet Packer

Legen Sie einen Ordner mit Sprites ab; erhalten Sie ein einzelnes gepacktes Texture-Atlas plus ein JSON-Manifest mit den Koordinaten jedes Sprites. Für Spieleentwickler (Unity, Phaser, PixiJS, Godot) und Webentwickler (CSS-Sprites für Symbolsets), die HTTP-Anfragen oder Zeichenaufrufe reduzieren möchten.

Warum Sprite-Sheets?

Bei Spielen ist das Zeichnen einer großen Textur viel günstiger als das Zeichnen vieler kleiner – die GPU bündelt alle Sprites in einem Draw-Call, anstatt dutzende Male die Texturen zu wechseln. Für das Web schlägt eine einzige Sprite-Sheet-HTTP-Anfrage 30 einzelne Icon-Anfragen; modernes HTTP/2 verkleinert die Lücke, aber Sprite-Sheets sind nach der Komprimierung insgesamt immer noch kleiner.

Packalgorithmen

• MaxRects (Standard): effizientes Bin-Packing, minimiert verschwendeten Platz.
• Skyline: schneller, aber etwas weniger effizient. Gut für dynamische Atlanten.
• Grid: gleichmäßige Zellen. Nützlich, wenn alle Sprites die gleiche Größe haben.

Ausgabeformate

1. PNG-Atlas: die gepackte Textur.
2. JSON-Manifest: Koordinaten, Abmessungen und Ankerpunkt pro Sprite.
3. Unity .meta: in Unity importierbare Metadaten.
4. CSS-Sprite-Klasse: fertig zum Einfügen von CSS für Web-Sprites.
5. Phaser / PixiJS / TexturePacker JSON: für beliebte Spiele-Frameworks.

Konfiguration

• Maximale Atlasgröße: 2048, 4096, 8192. Größer = weniger Atlanten für viele Sprites.
• Abstand: 1–8 px Abstand zwischen Sprites, um Texturüberläufe zu vermeiden.
• Potenz von 2: ein für ältere mobile GPUs, sonst aus.
• Zuschneiden: transparente Pixel pro Sprite entfernen, um Platz zu sparen.