EINE ANIMATION. EIN AUFGERÄUMTES SHEET.

GIF zu Sprite Sheet: Animationen in ein PNG-Raster umwandeln

Wandle ein GIF in ein Sprite Sheet um – kostenlos und direkt im Browser. Ordne die Einzelbilder in einem PNG-Raster an, passe Spalten und Abstände an und exportiere Koordinaten und Timing als JSON.

Eigenes RasterlayoutTransparenter PNG-ExportInklusive JSON-Daten
GIF zu Sprite Sheet
Beispiel-Einzelbild: Roboter-Sprung · Bild 101
Beispiel-Einzelbild: Roboter-Sprung · Bild 402
Beispiel-Einzelbild: Roboter-Sprung · Bild 703

Deine Animation, Bild für Bild

Öffne ein GIF oder teste das Beispiel, um jedes Einzelbild anzusehen.

Animiertes GIF · bis 20 MB · 200 Einzelbilder
Die GIF-Verarbeitung bleibt auf deinem Gerät. Kein Konto und keine Credits nötig.

PROBIER ES SELBST AUS

Vom animierten GIF zum geordneten Sprite Sheet

Entdecke einen Roboter-Sprungzyklus mit 12 unterschiedlichen Einzelbildern. Am echten GIF-Beispiel siehst du, wie Auswahl und Rastereinstellungen das exportierte Sheet verändern.

LADEN

Mit einer vorhandenen Animation starten

Lade dein GIF in den Arbeitsbereich. Seine vollständigen Einzelbilder werden zu den Zellen deines Sheets.

AUSWÄHLEN

Die gewünschten Posen auswählen

Behalte den ganzen Sprungzyklus oder wähle weniger Einzelbilder für ein kompakteres Sheet.

ANORDNEN

Ein einheitliches Raster anlegen

Lege Spalten, Breite pro Bild und Abstand fest. Prüfe das aktualisierte PNG-Raster vor dem Export in der Vorschau.

robot-jump.gif

Originales Beispiel mit 12 Einzelbildern · öffne das GIF im Arbeitsbereich

DIE SEQUENZ IM DETAIL

Aus GIF-Einzelbildern ein Sprite Sheet machen

Von einem bewegten Bild zu einem geordneten Satz an Einzelbildern. Passe das Raster im Arbeitsbereich an dein Projekt an.

  • Das GIF wird in vollständige Einzelbilder in der Originalreihenfolge dekodiert.
  • Wähle die Einzelbilder, die deine Animation braucht.
  • Prüfe die Sequenz in der integrierten Wiedergabevorschau.
Beispielanimation, Einzelbild 1
01
Beispielanimation, Einzelbild 2
02
Beispielanimation, Einzelbild 3
03
Beispielanimation, Einzelbild 4
04
Beispielanimation, Einzelbild 5
05
Beispielanimation, Einzelbild 6
06
Beispielanimation, Einzelbild 7
07
Beispielanimation, Einzelbild 8
08
Beispielanimation, Einzelbild 9
09
Beispielanimation, Einzelbild 10
10
Beispielanimation, Einzelbild 11
11
Beispielanimation, Einzelbild 12
12

DIE AUSGABE IM GRIFF

Spalten, Größe und Abstand im Sprite Sheet festlegen

Ein einziges PNG nimmt alle ausgewählten Einzelbilder auf. Lege eine Breite pro Bild fest, behalte das Seitenverhältnis bei und füge passend zu deinem Projekt Abstand zwischen den Zellen ein.

  • Ändere die Spaltenzahl, um das Raster umzuformen.
  • Über die Breite pro Bild steuerst du die Ausgabegröße.
  • Exportiere JSON mit Position, Abmessungen und Verzögerung jeder Zelle.

DREI EINFACHE SCHRITTE

So kannst du ein GIF in ein Sprite Sheet umwandeln

In drei einfachen Schritten von deiner Originaldatei zum fertigen Ergebnis.

01

GIF laden

Öffne deine animierte Datei. Vollständige Einzelbilder werden direkt in deinem Browser rekonstruiert.

02

Einzelbilder anordnen

Wähle die gewünschten Einzelbilder aus und passe dann Spalten, Breite pro Bild und Abstand an.

03

Sheet exportieren

Lade das PNG-Sprite-Sheet und die JSON-Koordinaten für deine ausgewählten Einzelbilder herunter.

GEMACHT FÜR DEIN NÄCHSTES PROJEKT

Spritesheet erstellen – für Games und Webprojekte

01

Animationen für Games

Ordne eine Bewegungssequenz in einheitliche Zellen und exportiere die Koordinaten für deine eigene Pipeline.

02

Web-Animationen ausprobieren

Nutze ein PNG-Sheet und das Timing der Einzelbilder als Grundlage für eine CSS- oder Canvas-Animation.

03

Kontaktabzüge von Animationen

Sieh eine ganze Bewegung auf einen Blick – mit voller Kontrolle über Bildauswahl und Layout.

PNG-Sprite-Sheet und JSON herunterladen

Das PNG enthält die angeordneten Einzelbilder, die separate JSON-Datei beschreibt ihre Koordinaten und ihr Timing. Binde beide Dateien in deinen Game- oder Web-Animations-Workflow ein. Der Konverter ordnet vorhandene GIF-Einzelbilder an und erzeugt keine neuen Posen.

GIF zu Sprite Sheet: Häufige Fragen

Kann ich ein GIF in ein Spritesheet umwandeln?

Ja. Sprite Sheet und Spritesheet meinen hier dasselbe: ein Raster aus Animationsbildern. Dieser GIF-zu-Sprite-Sheet-Konverter wandelt die vorhandenen Einzelbilder deines GIFs in ein PNG um – optional mit JSON-Koordinaten und Timing für deinen eigenen Animations-Workflow.

Werden GIF-Dateien auf einen Server hochgeladen?

Nein. Dekodierung, Vorschau und Downloads laufen in deinem Browser. Diese Tools nutzen keine KI-API, erfordern keine Anmeldung und verbrauchen keine Credits.

Bekomme ich komplette Einzelbilder oder nur Teilbereiche?

Komplette Einzelbilder. Der Decoder setzt die Teilbilder des GIFs anhand ihrer Position, Transparenz und Disposal-Methode zusammen, bevor er vollständige Bilder exportiert.

Wie groß darf mein GIF sein?

Du kannst GIFs bis 20 MB mit bis zu 200 Einzelbildern öffnen. Damit der Speicherbedarf überschaubar bleibt, gilt außerdem ein Gesamtbudget von 36 Millionen dekodierten Pixeln über alle Einzelbilder. Große Sprite Sheets sind auf 32 Millionen Pixel begrenzt.

Bleibt das Timing der Animation erhalten?

Die Metadaten enthalten die Verzögerung jedes Einzelbilds in Millisekunden. Ein PNG oder Sprite Sheet ist ein Standbild – mit den Timing-Daten baust du die Wiedergabe in deinem Animationstool wieder auf.

Erzeugt das Tool mit KI neue Sprites?

Nein. Es ordnet nur die vorhandenen Einzelbilder deines GIFs an. Es erzeugt keine neuen Posen, entfernt keine Hintergründe und interpoliert keine zusätzlichen Zwischenbilder.

GIF zu Sprite Sheet

Erstelle ein Sprite Sheet aus deinem GIF

Wandle ein GIF in ein Sprite Sheet um – kostenlos und direkt im Browser. Ordne die Einzelbilder in einem PNG-Raster an, passe Spalten und Abstände an und exportiere Koordinaten und Timing als JSON.

Zurück zum Arbeitsbereich