Ein Sprite-Sheet aus Bildern erstellen

Packen Sie Animations-Frames oder Symbole für Spiele und CSS in ein einziges Sprite-Sheet. Wählen Sie Spalten und Innenabstand und erhalten Sie einen JSON-Atlas, der mit Phaser, PixiJS und anderen Engines kompatibel ist.

Ihre Bilder werden auf Ihrem Gerät verarbeitet und nie hochgeladen.

Bilder hier ablegen

oder per Drag-and-drop hineinziehen

Erlaubt: PNG, WEBP, GIF, JPG · Bis zu 512 MB pro Datei

So verwenden Sie dieses Werkzeug

  1. 01

    Fügen Sie Ihre Frames in der Reihenfolge der Animation hinzu.

  2. 02

    Legen Sie die Spaltenzahl und den Abstand zwischen den Frames fest.

  3. 03

    Verarbeiten Sie die Bilder und laden Sie das Sprite-Sheet mit oder ohne JSON-Atlas herunter.

Pixelgenaue Frames

Frames werden nie skaliert. Jeder sitzt oben links in einer gleich großen Zelle, und der Atlas hält seine exakte Position und Größe fest.

Engine-freundlicher Atlas

Das JSON verwendet das weit verbreitete TexturePacker-Hash-Format, mit dem Dateinamen jedes Frames als Schlüssel.

Häufig gestellte Fragen

In welchem Format liegt das Sheet vor?

Als PNG, sodass die Transparenz erhalten bleibt.

Müssen die Frames gleich groß sein?

Nein. Die Zellen richten sich nach dem größten Frame, und der Atlas hält die tatsächliche Größe jedes Frames fest.

Werden meine Bilder hochgeladen?

Nein. Das Sheet wird in Ihrem Browser erstellt.

Ähnliche Werkzeuge