[Alle kostenlosen Werkzeuge](https://www.summerengine.com/de/free-tools)

# GIF-zu-Sprite-Sheet-Konverter

Erstelle aus einem animierten GIF einen PNG-Atlas und JSON mit Frame-Zeiten.

Diese Werkzeuge laufen im Browser. Hochgeladene Bilder bleiben auf diesem Gerät. Ein Konto ist nicht nötig.

Dateiformate: PNG · JSON

## Einstellungen

GIF auswählenBeispiel testen

GIF bleibt im Browser; bis zu 8 MiB und 120 Frames

Datei wählen oder Beispiel testen

Atlas-SpaltenAtlas-Abstand

Umwandeln

## Ergebnis

Datei wählen oder Beispiel testen

## So funktioniert es

Das Werkzeug liest bis zu 120 GIF-Frames in Originalgröße, packt die sichtbaren Bilder in einen PNG-Atlas und speichert Rechteck und Dauer jedes Frames in JSON.

1. Wähle ein animiertes GIF oder teste das Beispiel.
2. Stelle Spalten und Abstand des Atlas ein und prüfe die Vorschau.
3. Lade PNG und Zeitdaten als JSON zusammen herunter.

Importiere das PNG als Atlas. Baue die Animation in deiner Engine mit den Rechtecken und Zeiten aus dem JSON auf.

## Fragen

Bleiben die Zeiten der Animation erhalten?

Das JSON enthält die Dauer jedes GIF-Frames. Verwende diese Werte in deiner Engine; der PNG-Atlas allein enthält keine Zeiten.

Warum sehen manche Farben oder Kanten anders aus?

Ein GIF hat höchstens 256 Farben und begrenzte Transparenz. Der PNG-Atlas übernimmt die aus dem GIF gelesenen Pixel, kann aber verlorene Farben nicht wiederherstellen.

## Weitere Anleitungen und Werkzeuge

* [Sprite-Sheet packen](https://www.summerengine.com/de/free-tools/sprite-sheet)
* [Sprite-Sheet-zu-GIF-Konverter](https://www.summerengine.com/de/free-tools/sprite-sheet-to-gif)
* [Sprite-Sheet-Anleitung](https://www.summerengine.com/de/ai-sprite-sheet-generator)
[Alle kostenlosen Werkzeuge](https://www.summerengine.com/de/free-tools)

Source: https://www.summerengine.com/de/free-tools/gif-to-sprite-sheet

---

## Machine-readable resources

- Site index for agents: https://www.summerengine.com/llms.txt
- Full inlined content: https://www.summerengine.com/llms-full.txt
- Porting catalog: https://www.summerengine.com/llms-porting.txt
- Structured catalog: https://www.summerengine.com/agent-catalog.json
- Sitemap: https://www.summerengine.com/sitemap.xml
- Developer resources: https://www.summerengine.com/docs