Zum Inhalt springen

Spritesheet-zu-GIF-Konverter

Zieh ein Spritesheet hierher und sieh ihm beim Abspielen zu, dann speichere es als animiertes GIF. Zieh stattdessen ein GIF hierher und du bekommst ein Spritesheet oder seine Frames. Nichts verlässt dein Gerät.

Wird auf deinem Gerät erstellt. Deine Bilder werden nie hochgeladen.

  • Nie hochgeladen
  • Geht in beide Richtungen
  • Live-Vorschau

So funktioniert es

So machst du aus einem Spritesheet ein GIF

  1. Schritt 1: Sheet hinzufügen

    Wähle ein Spritesheet aus, zieh es hierher oder füge es ein. Ein animiertes GIF geht auch: Es wird wieder in seine Frames zerlegt.

  2. Schritt 2: Frames prüfen

    Das Raster wird für dich erraten und die Animation läuft los. Korrigiere Zeilen und Spalten, stell die Geschwindigkeit ein und klick Frames weg, die du nicht willst.

  3. Schritt 3: Herunterladen

    Speichere ein animiertes GIF, ein Spritesheet als PNG oder jeden Frame als eigenes PNG in einem ZIP.

Spritesheet zu GIF

Sieh die Animation, bevor du sie veröffentlichst

  • Läuft schon beim Einstellen

    Jede Änderung an Raster, Geschwindigkeit oder Richtung ist sofort in der laufenden Animation zu sehen.

  • Findet das Raster

    Übliche Frame-Größen und Streifen werden erkannt, leere Zellen am Ende eines Sheets übersprungen.

  • Frames auswählen

    Klick Frames im Streifen an, um sie wegzulassen, und spiel vorwärts, rückwärts oder hin und zurück ab.

  • GIF, Sheet oder Frames

    Scharfe, vergrößerte GIFs zum Teilen, ein aufgeräumtes Sheet für deine Engine oder einzelne Frames für alles andere.

Im Detail

Spritesheets, GIFs und Frames

Vom Sheet zur Animation

Ein Spritesheet ist ein einzelnes Bild, das alle Frames einer Animation in einem Raster enthält. Sag dem Werkzeug, wie viele Spalten und Zeilen es hat oder wie groß ein Frame ist, und es zerlegt das Sheet von links nach rechts und von oben nach unten in Frames und spielt sie ab.

Das Raster wird beim Öffnen des Sheets erraten: ein Streifen quadratischer Frames oder eine übliche Größe wie 16, 32 oder 64 Pixel, die keine Zeichnung durchschneidet. Leere Zellen werden übersprungen, damit eine halb gefüllte letzte Zeile die Animation nicht flackern lässt.

Geschwindigkeit, Richtung und Frames

  • Geschwindigkeit: 8 bis 12 Frames pro Sekunde passen zu den meisten Spielanimationen; 24 ist flüssig, und 6 ist absichtlich ruckelig.
  • Richtung: vorwärts, rückwärts oder hin und zurück (Ping-Pong), was aus halb so vielen Frames eine Idle- oder Atem-Schleife macht.
  • Frames: Klick einen Frame im Streifen an, um ihn wegzulassen. So lässt sich ein Sheet mit mehreren Animationen in seinen Zeilen auf eine einzige kürzen.
  • GIF-Größe: 2× bis 8× vergrößert mit harten Kanten, damit ein 32-Pixel-Sprite auch im Chat oder auf einer Shop-Seite noch gut zu erkennen ist.

Vom GIF zurück zum Sheet

Ein animiertes GIF wird in ganze Frames gelesen, genau so, wie ein Betrachter sie zeigen würde, mit ihrem ursprünglichen Timing. Speichere sie als Spritesheet in einer Zeile, einer Spalte oder einem fast quadratischen Raster oder als nummerierte PNG-Dateien.

Ein GIF fasst höchstens 256 Farben und keine Teiltransparenz. Für Pixel-Art passt das gut; bei gemalten oder fotografischen Frames behält das PNG-Sheet jede Farbe.

Spritesheet zu GIF

Häufige Fragen

Werden meine Dateien irgendwohin hochgeladen?

Nein. Das Sheet oder GIF wird in deinem Browser gelesen und umgewandelt, auf deinem eigenen Gerät. Nichts wird an Moriqa oder sonst jemanden gesendet.

Wie mache ich aus einem Spritesheet ein GIF?

Füge das Sheet hinzu, prüfe, ob Zeilen und Spalten zu seinem Raster passen, stell die Geschwindigkeit in Frames pro Sekunde ein und wähle dann GIF herunterladen. Die Vorschau spielt genau das ab, was gespeichert wird.

Wie mache ich aus einem GIF ein Spritesheet?

Füge das GIF hinzu und wähle unter Speichern als die Option Spritesheet. Wähle eine Zeile, eine Spalte oder ein Raster und lade das PNG herunter. Wähle stattdessen Frames, um jeden Frame als eigenes PNG zu bekommen.

Die Animation sieht zerschnitten aus. Was stimmt nicht?

Das Raster passt nicht zum Sheet. Wechsle zu Frame-Größe und gib Breite und Höhe eines Frames ein oder korrigiere die Zahl der Spalten und Zeilen, bis jede Zelle im Streifen einen ganzen Frame zeigt.

Warum das GIF vergrößern?

Kleine Pixel-Art wird unscharf, wenn eine Website oder Chat-App sie vergrößert. Mit 4× oder 8× gespeichert wird jedes Pixel als scharfes Quadrat wiederholt und bleibt überall klar.

Braucht das Sheet einen transparenten Hintergrund?

Nein, jedes Bild funktioniert. Mit transparentem Hintergrund wird das Raster zuverlässiger erraten, und leere Zellen können übersprungen werden.

Kann ich die Animation danach bearbeiten?

Ja. Im Pixel-Art-Editor von Moriqa öffnet Spritesheet importieren … im Menü Datei ein Sheet als Animation, die du Frame für Frame neu zeichnen und wieder für Godot, Unity und GameMaker exportieren kannst.

Willst du die Animation selbst zeichnen?

Öffne den Pixel-Art-Editor von Moriqa, um Sprites Frame für Frame zu zeichnen und zu animieren, kostenlos in deinem Browser.