# gif to sprite sheet

> Ein kostenloses Online-Tool, das jeden Frame eines animierten GIFs oder WebP als Raster, Zeile oder Spalte in einem PNG-Spritesheet anordnet, optional mit einer JSON-Datei mit Frame-Positionen und Verzögerungen.

Mit diesem gif to sprite sheet Tool legen Sie jeden Frame eines animierten GIFs in ein einziges PNG-Bild. Das Tool behält die Reihenfolge der Frames bei, sodass Sie die gesamte Animation als ein Bild laden können, zum Beispiel in einer Game-Engine. Wählen Sie Ihre Anordnung und starten Sie den Auftrag. Das GIF-Spritesheet wird als PNG ausgegeben, optional mit einer JSON-Datei.

## Die wichtigsten Fakten

- Eingabe: ein animiertes GIF oder WebP, bis zu 5 MB im kostenlosen Tool und 10 MB bei angemeldeten Nutzern, und bis zu 16 MP (4096 x 4096) pro Frame.
- Ausgabe: ein PNG mit einem vollständigen Frame pro Zelle, von links nach rechts und dann von oben nach unten, leere Zellen am Ende sind transparent; mit der JSON-Option ist der Download eine ZIP-Datei mit sprite.png und sprite.json.
- Ein Spritesheet darf höchstens 16384 px pro Seite und insgesamt 16,8 Megapixel groß sein; ein größeres Spritesheet wird abgelehnt, und die Meldung nennt seine Größe.
- In unserem Test wurde ein erzeugtes GIF mit 24 Frames, 160 x 120 px und 60 KB zu einem 800 x 600 px PNG mit 56 KB, 5 Spalten und 5 Zeilen; die Test-Animation wurde mit unseren Skripten erzeugt, und die Ergebnisse variieren.
- Der Upload wird gelöscht, wenn der Auftrag endet, und das Ergebnis nach 10 Minuten; angemeldete Nutzer zahlen 1 Credit pro Datei plus 1 Credit für jede angefangene Stufe von 5 MB des Ergebnisses über die ersten 5 MB hinaus und 1 Credit für jede angefangene Stufe von 10 MP an Frames über die ersten 10 MP hinaus.
- Ohne Konto kostenlos: bis zu 10 Umwandlungen pro Minute und 50 pro Tag und Besucher, ohne Wasserzeichen. Angemeldet kostet jedes Rendering 1 Credit (100 kostenlose Credits jeden Monat).
- Dateien werden automatisch gelöscht: 10 Minuten nach der Umwandlung ohne Konto, 1 Tag mit einem kostenlosen Konto.
- Entwickler können denselben Auftrag mit POST https://api.aiipworld.com/v1/image-jobs?op=gif_edit ausführen (das Bild als Anfragetext, Einstellungen im Abfragestring) und einem API-Schlüssel (siehe die Seite API-Dokumentation).

## Quellen

- [W3C: Graphics Interchange Format (GIF89a) specification](https://www.w3.org/Graphics/GIF/spec-gif89a.txt)
- [MDN: Implementing image sprites in CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_images/Implementing_image_sprites_in_CSS)

Zuletzt geprüft: 2026-10-15

## So funktioniert es

1. Laden Sie ein animiertes GIF oder ein animiertes WebP hoch. Der Browser prüft Dateityp, Größe und Anzahl der Frames vor dem Hochladen.
2. Lassen Sie die Anordnung auf „Raster“ mit automatischen Spalten oder wählen Sie „Eine Zeile“ oder „Eine Spalte“.
3. Klicken Sie auf „Spritesheet erstellen“ und warten Sie, bis der Auftrag abgeschlossen ist.
4. Prüfen Sie die Größe des Spritesheets und das Raster im Ergebnisbereich.
5. Laden Sie Ihr PNG-Spritesheet herunter.

## GIF to Sprite Sheet: So wandeln Sie ein GIF in ein Spritesheet um

Laden Sie Ihr animiertes GIF hoch und klicken Sie auf „Spritesheet erstellen“. Das Tool liest jeden Frame und setzt ihn in eine Zelle eines PNG-Bildes. Sie erhalten eine Datei, die die gesamte Animation enthält.

Die Zusammenfassung zeigt die Größe des Spritesheets vor dem Start, und der Ergebnisbereich zeigt sie nach dem Auftrag erneut. Prüfen Sie sie, bevor Sie die Datei in Ihrem Projekt verwenden.

## Was dieses GIF-Spritesheet-Tool macht

Dieses Tool nimmt ein animiertes GIF und erstellt daraus ein Spritesheet aus seinen Frames. Jede Zelle enthält das vollständige Bild eines Frames. Die Frames behalten ihre ursprüngliche Reihenfolge.

Die Ausgabe ist eine PNG-Datei. PNG ist verlustfrei, daher entsprechen die Pixel jeder Zelle dem Frame, aus dem sie stammen. Das Tool skaliert, beschneidet oder filtert die Frames nicht.

## Raster, eine Zeile oder eine Spalte

Sie können die Frames als Raster, in einer Zeile oder in einer Spalte anordnen. Standard ist ein Raster mit automatischen Spalten. In diesem Fall entspricht die Spaltenzahl der Quadratwurzel der Framezahl, aufgerundet.

Sie können die Anzahl der Spalten auch selbst festlegen. Eine Zeile eignet sich für kurze Animationen, eine Spalte für hohe Sprite-Layouts in Spielen. Wählen Sie die Anordnung, die dazu passt, wie Ihr Projekt Bilder lädt.

## So werden die Frames platziert

Frames werden von links nach rechts und dann von oben nach unten platziert. Der erste Frame steht in der oberen linken Zelle. Der letzte Frame steht in der Zelle, die in der Reihenfolge als Letzte kommt.

Frames werden nicht beschnitten, und doppelte Frames werden nicht entfernt. Jeder Frame behält seine volle Größe, daher ist jede Zelle gleich groß.

## Die JSON-Datei mit Frame-Positionen und Verzögerungen

Sie können eine JSON-Datei hinzufügen, die die Framegröße, die Position und die Verzögerung jedes Frames auflistet. Wenn Sie diese Option wählen, ist der Download eine ZIP-Datei mit sprite.png und sprite.json.

Die JSON-Datei enthält Version, Reihenfolge, Größe des Spritesheets, Framegröße, Spalten, Zeilen, Frames, Schleifenanzahl und Gesamtdauer in ms. Außerdem listet sie für jeden Frame Index, x, y und delay_ms auf. Browser spielen eine Verzögerung von 10 ms oder weniger als 100 ms ab, und die JSON-Datei listet Verzögerungen so auf, wie ein Browser sie abspielt.

## Transparenz und leere Zellen

Das PNG behält die Transparenz, wenn Ihre Frames transparente Pixel haben. Sie bleibt auch erhalten, wenn die letzte Zeile nicht voll ist. Leere Zellen am Ende des Spritesheets sind transparent.

GIF-Frames haben nur vollständig transparente oder vollständig deckende Pixel. Ihr Spritesheet behält diese Werte. Zwischen den Zellen werden von diesem Tool weder Auffüllungen noch Abstände hinzugefügt.

## Grenzen für die Größe des Spritesheets

Ein Spritesheet darf höchstens 16384 px pro Seite groß sein. Insgesamt sind höchstens 16.777.216 Pixel erlaubt, das sind 16,8 Megapixel. Ein größeres Spritesheet wird abgelehnt, und die Meldung zeigt die Größe, die es gehabt hätte.

Die Seite zeigt dieselbe Warnung vor dem Start. Das Ergebnis ist außerdem auf 20 MB begrenzt. Ist Ihr Spritesheet zu groß, ändern Sie den Wert für die Spalten oder skalieren Sie das GIF zuerst mit den Tools zum Skalieren oder Zuschneiden.

## Grenzen für Animationen

Wenn Sie angemeldet sind, darf eine Animation bis zu 300 Frames und insgesamt 64 MP Pixel haben. Gesamtpixel sind Framebreite x Framehöhe x Anzahl der Frames. Ohne Konto gelten folgende Grenzen: 100 Frames und 16 MP.

Jeder Frame ist auf 16 MP (4096 x 4096) begrenzt. Bei einer Überschreitung schlägt der Auftrag fehl, und Ihre Credits werden zurückgegeben. Der Grundpreis liegt bei 1 Credit pro Datei. Er umfasst 10 Megapixel Animation. Jeder angefangene Megapixel-Schritt von 10 darüber kostet 1 Credit zusätzlich. Ein Ergebnis über 5 MB kostet zusätzlich 1 Credit für jede angefangene Stufe von 5 MB über die ersten 5 MB hinaus.

## Welche Dateien das Tool akzeptiert

Diese Seite nimmt ein animiertes GIF oder ein animiertes WebP. Eine Datei mit einem einzigen Frame funktioniert ebenfalls und ergibt ein Spritesheet mit einer Zelle. Eine PNG-, JPG- oder andere Datei wird mit einer entsprechenden Meldung abgelehnt. Das Tool liest den Dateityp aus dem Dateiinhalt, nicht aus dem Dateinamen.

Ohne Konto können Sie bis zu 5 MB pro Datei und 30 Dateien pro Tag hochladen. Angemeldete Nutzer können bis zu 10 MB pro Datei hochladen. Jeder Frame darf bis zu 16 MP (4096 x 4096) groß sein. Ein Ergebnis über 20 MB schlägt mit der Meldung „output too large“ fehl.

## Ein Spritesheet per Code erstellen

Senden Sie eine POST-Anfrage an https://api.aiipworld.com/v1/image-jobs mit den rohen Dateibytes als Body. Setzen Sie Content-Type auf image/gif oder image/webp. Fügen Sie op=gif_edit und action=sprite als Abfrageparameter hinzu.

Autorisieren Sie sich mit einem Bearer-API-Schlüssel oder dem Header x-api-key. Senden Sie timeout_sec=60 für Animationen, das ist der Maximalwert. Die Seite zeigt ein fertiges cURL-, Node- und Python-Beispiel, das Ihren Einstellungen folgt. Die vollständige Dokumentation finden Sie unter /docs/#image-jobs.

## Datenschutz: Was mit Ihrer Datei geschieht

Ihre Datei wird an unseren Server gesendet und dort mit sharp verarbeitet, einer Open-Source-Bildbibliothek auf Basis von libvips. Das ist gewöhnliche Bildverarbeitung, keine künstliche Intelligenz. Ihre Datei wird gelöscht, sobald der Auftrag endet, egal ob er erfolgreich ist oder fehlschlägt.

Kostenlose Web-Ergebnisse werden 10 Minuten aufbewahrt. Download-Links sind nur kurz gültig. Von jedem Auftrag wird ein Protokoll gespeichert, und angemeldete Nutzer können ihre Aufträge im Dashboard sehen. Sie müssen das Recht haben, die hochgeladenen Dateien zu verwenden, wie es in der Richtlinie zur zulässigen Nutzung festgelegt ist.

## Fragen

### Kann ich ein Spritesheet aus einem GIF kostenlos erstellen?

Ja, Sie können ein GIF-Spritesheet kostenlos innerhalb des Tageslimits erstellen, ohne Anmeldung. Ohne Konto erlaubt das Tool 30 Dateien pro Tag und Besucher.

### Wie werden die Frames im Spritesheet angeordnet?

Die Frames verlaufen von links nach rechts und dann von oben nach unten, in ihrer ursprünglichen Reihenfolge. Der erste Frame steht in der oberen linken Zelle.

### Was ist ein Spritesheet?

Ein Spritesheet ist ein einzelnes Bild, das mehrere Frames in einem Raster, einer Zeile oder einer Spalte enthält. Spiele und Apps laden die gesamte Animation oft aus einer einzigen Datei.

### Kann ich die Anzahl der Spalten wählen?

Ja, Sie können für ein Raster den Wert „Spalten“ festlegen. Lassen Sie das Feld leer, verwendet das Tool die Quadratwurzel der Framezahl, aufgerundet.

### Was steht in der JSON-Datei?

Die JSON-Datei listet Version, Reihenfolge, Größe des Spritesheets, Framegröße, Spalten, Zeilen, Frames, Schleifenanzahl und Gesamtdauer in ms auf. Außerdem enthält sie x, y und delay_ms für jeden Frame.

### Behält das Spritesheet die Transparenz?

Ja, das PNG behält die Transparenz, wenn Ihre Frames sie haben oder wenn die letzte Zeile nicht voll ist. Leere Zellen am Ende sind transparent.

### Warum wurde mein Spritesheet als zu groß abgelehnt?

Das Spritesheet überschreitet die Grenze von 16384 px pro Seite oder 16,8 Megapixel insgesamt. Ändern Sie den Wert für die Spalten oder skalieren bzw. beschneiden Sie das GIF zuerst.

### Kann ich ein Spritesheet aus einem animierten WebP erstellen?

Ja, animiertes WebP wird ebenso akzeptiert wie GIF. Eine PNG-, JPG- oder andere Standbilddatei wird abgelehnt.

### Kann ich das Spritesheet wieder in ein GIF umwandeln?

Ja, verwenden Sie die Seite Spritesheet zu GIF. Sie nimmt ein einzelnes Standbild und baut aus dem Raster der Frames eine Animation.

### Wie lange wird meine Datei aufbewahrt?

Ihre hochgeladene Datei wird gelöscht, sobald der Auftrag endet. Kostenlose Web-Ergebnisse werden 10 Minuten aufbewahrt. Von jedem Auftrag wird ein Protokoll gespeichert, und angemeldete Nutzer können ihre Aufträge im Dashboard sehen.

### Kann ich Spritesheets per Code erstellen?

Ja, senden Sie eine POST-Anfrage an die image-jobs-API mit op=gif_edit und action=sprite. Verwenden Sie timeout_sec=60 für Animationen.

## Ähnliche Tools

- [Spritesheet to GIF](https://aiipworld.com/de/tools/spritesheet-to-gif/index.md)
- [GIF in Einzelbilder zerlegen: Bild für Bild aufteilen](https://aiipworld.com/de/tools/gif-in-einzelbilder-zerlegen/index.md)
- [GIF kürzen: ein GIF nach Frame oder Zeit schneiden](https://aiipworld.com/de/tools/gif-kuerzen/index.md)
- [GIF Größe ändern: Animierte und statische GIFs online verkleinern](https://aiipworld.com/de/tools/gif-groesse-aendern/index.md)

Seite: https://aiipworld.com/de/tools/gif-to-sprite-sheet/