Für die Wiederverwendung von GIFs
GIF zu Sprite-Sheet
Öffne ein animiertes GIF und extrahiere die einzelnen darin enthaltenen Bilder. Speichere sie als Rasterbild oder als separate PNG-Dateien.
Beispiel: walking.gif → 16 PNG-Einzelbilder
Dieses Werkzeug ausprobieren- 1. HinzufügenEin animiertes GIF
- 2. AnpassenIn vollständige Bilder aufteilen
- 3. SpeichernPNG-Bildraster oder ZIP
1. GIF zum Aufteilen auswählen
Wir zeigen seine Bilder hier an. Es wird nichts auf einen Server hochgeladen.
So verwendest du es
1. Eine Animation laden, die du wiederverwenden darfst
Wähle ein GIF und warte auf die Extraktion. Prüfe die angezeigte Arbeitsflächengröße und Einzelbildanzahl. Der Arbeitsbereich zeigt das erste extrahierte Einzelbild. Prüfe die exportierte Folge in einem Editor, bevor du dich auf spätere Posen verlässt.
2. Festlegen, wie viele Bilder in jede Reihe gehören
Stelle Bilder pro Zeile im Rasterbild ein. Zwölf Einzelbilder mit 64 × 64 in vier Spalten ergeben ein PNG mit 256 × 192. Die Spaltenanzahl verändert das Sheet-Layout, nicht die Einzelbildabmessungen, Animationsgeschwindigkeit oder Reihenfolge.
3. Ein Raster speichern oder Einzelbilder und Timing zusammen aufbewahren
Lade das PNG-Sprite-Sheet für eine Engine herunter, die gleich große Zellen liest. Lade die ZIP-Datei für einzelne PNGs und frame-delays.json herunter. Behalte diese JSON-Datei, wenn eine gehaltene Pose oder Pause für die Ausgangsanimation wichtig ist.
Warum GIF-Extraktion mehr ist als das Kopieren von Bildblöcken
Ein GIF kann nur das Rechteck speichern, das sich seit dem vorherigen Einzelbild geändert hat. Ein blinzelndes Auge kann ein kleiner Bildausschnitt sein, statt eines neuen vollständigen Figurenbilds. Dieser Importer setzt die Ausschnitte auf einer vollständigen Arbeitsfläche zusammen und wendet Disposal-Regeln an, einschließlich des Löschens des vorherigen Ausschnitts oder der Wiederherstellung einer früheren Arbeitsfläche.
Das PNG-Raster erhält die extrahierten Pixel, aber nicht ihre Wiedergabeverzögerungen. Elf Einzelbilder mit 80 ms, gefolgt von einer Pose mit 400 ms, ergeben eine Schleife von 1.28 Sekunden. Werden alle zwölf mit 12.5 FPS abgespielt, entfällt die Pause. Bewahre frame-delays.json auf, wenn die nächste Anwendung unterschiedliche Anzeigedauern unterstützt.
Ein Sprite-Sheet kann mit unbenutzten Zellen enden. Zehn Einzelbilder in vier Spalten benötigen drei Reihen und lassen zwei Positionen frei. Begrenze die Animation in der Engine auf zehn Einzelbilder, statt automatisch jede Rasterzelle abzuspielen.
| Einstellung oder Eingabe | Was es bedeutet |
|---|---|
| PNG-Sheet | Gleich große Zellen in Lesereihenfolge; keine Verzögerungen |
| ZIP mit PNG-Einzelbildern | Einzelne Einzelbilder mit Verzögerungen in Millisekunden |
| Original-GIF | Als Referenz für Timing und Aussehen behalten |
Vor dem Herunterladen prüfen
Mittlere und letzte Einzelbilder auf Geisterspuren prüfen
Das erste Einzelbild kann nicht alle Probleme beim Zurücksetzen vorheriger Bilder aufdecken. Vergleiche ein Einzelbild, nachdem ein Objekt einen Bereich verlassen hat, mit dem ursprünglichen GIF. Ungewöhnliche Quelldateien müssen weiterhin in der Anwendung geprüft werden, in der die Einzelbilder verwendet werden.
Die dekodierte Größe ist wichtiger als die komprimierte Dateigröße
Die Eingabegrenzen betragen 20 MB, 100 Einzelbilder, 1024 px pro Seite und insgesamt 20 Millionen Einzelbildpixel. Ein Sprite-Sheet ist außerdem auf 8192 px pro Seite und 32 Millionen Pixel begrenzt. Ändere die Spaltenzahl, wenn eine Seite zu lang ist; verkleinere die Quelle, wenn die Gesamtfläche zu groß ist.
Fragen
Verbessert die PNG-Extraktion die GIF-Qualität?
Nein. PNG vermeidet einen weiteren verlustbehafteten Kodierungsschritt, kann aber keine in der Quelle fehlenden Farben oder weiche Transparenz wiederherstellen. Verwende die Originalgrafik, falls sie verfügbar ist.
Wo ist die ursprüngliche Animationsgeschwindigkeit?
In frame-delays.json innerhalb der ZIP-Datei. Ein Sprite-Sheet-PNG enthält keine Zeitangaben. Die nächste Anwendung muss die Verzögerungen lesen oder nachbilden. ImageMints Animator mit einheitlichen FPS importiert diese Datei nicht.
Warum gibt es am Ende leere Kacheln?
Die Einzelbildanzahl ist möglicherweise nicht glatt durch die Spaltenanzahl teilbar. Das sind ungenutzte Positionen, keine Quell-Einzelbilder. Wähle einen passenden Teiler oder beschränke den Animationsbereich in deiner Engine.
Kann ich animiertes WebP oder Video hinzufügen?
Nein. Dieser Importer liest GIF-Dateien. Ein Video oder WebP in .gif umzubenennen, konvertiert es nicht. Exportiere zuerst aus einem geeigneten Editor und behalte das Original zum Vergleich.
Wird das GIF zur Konvertierung hochgeladen?
Nein. Extraktion und Export laufen lokal. Der Browserspeicherbedarf kann trotzdem erheblich sein, weil jedes Ausgabeeinzelbild eine vollständige Arbeitsfläche hat, selbst wenn das Ausgangs-GIF nur winzige Teilbilder enthält.
Passende Werkzeuge und Anleitungen
Leitfaden zur GIF-Extraktion und zum Timing — Geisterbilder, fehlende Pausen und versehentlich leere Zellen vermeiden.
Sprite-Sheet-Animator — Teste extrahierte Einzelbilder mit gleichbleibenden FPS, nicht als Nachweis des ursprünglichen Timings.
Pixel-Art-Vergrößerer — Vergrößere kleine Pixel-Art-Einzelbilder mit einem ganzzahligen Faktor.