GIF zu PNG-Frames

Animiertes GIF hochladen

Animierte GIFs sind effektiv ein Stapel von 256-Farben-Bildern mit Verzögerungen pro Frame. Das Zurückteilen in PNGs gibt Ihnen jeden Frame bereit für ein Sprite-Sheet, eine Frame-für-Frame-Bearbeitung oder den Import in After Effects, Blender oder eine Spiel-Engine. Dieses Tool dekodiert den Stream und gibt frame_001.png bis frame_N.png als ZIP zurück.

So teilen Sie ein GIF in Frames auf

  1. 1

    Laden Sie das GIF hoch

    Jedes animierte GIF mit einer endlichen Frame-Anzahl.

  2. 2

    Der Decoder durchläuft jeden Frame

    Verzögerung und Entsorgungsmethode werden respektiert, damit die Transparenz korrekt gestapelt wird.

  3. 3

    Jeder Frame wird als PNG gespeichert

    Mit vorangestellten Nullen in der Nummerierung, die Dateimanager sortiert hält.

  4. 4

    Laden Sie die ZIP herunter

    Ein einzelnes Archiv mit einem PNG pro Frame.

So sieht die Ausgabe aus

my-animation.zip
├── frame_001.png
├── frame_002.png
├── frame_003.png
…
└── frame_042.png

Die Nummerierung beginnt bei 1, mit führenden Nullen, damit eine 42-Frame-Animation korrekt in Finder, Explorer oder ls -1 sortiert wird.

Frame-Verzögerungen und Entsorgung

GIF-Frames haben eine Verzögerung in Hundertsteln von Sekunden und eine Entsorgungsmethode (nichts tun, zum Hintergrund wiederherstellen, zum vorherigen wiederherstellen). Der Decoder kombiniert jeden Frame mit der Leinwand unter Verwendung dieser Regeln, sodass die ausgegebenen PNGs vollständige Bilder und keine partiellen Deltas sind.

Wenn die Quelle die Entsorgungsmethode “zum Hintergrund wiederherstellen” mit Transparenz verwendet, können einige exportierte Frames größtenteils transparent erscheinen, das ist die ursprüngliche Absicht.

Wohin die PNG-Frames als Nächstes gehen

  • Sprite-Sheets: Frames horizontal verketten für ein Sprite-Sheet, das von CSS steps() oder Phaser konsumierbar ist.
  • Video: in FFmpeg mit -framerate einspeisen und MP4/WebM exportieren.
  • Animationswerkzeuge: in Krita, Procreate, After Effects oder Aseprite für die Frame-für-Frame-Bearbeitung importieren.
  • Dokumentation: Wählen Sie einen Schlüssel-Frame für ein Hero-Bild, behalten Sie den Rest als Archiv.

Häufig gestellte Fragen

Ja. Jeder Frame wird mit erhaltenem Alpha gespeichert, sodass Logos oder UI-Animationen über jedem Hintergrund verwendbar bleiben.

Vollständige Bilder. Der Decoder respektiert die GIF-Entsorgungsmethode, sodass die exportierten PNGs den zusammengesetzten Zustand zeigen, nicht das pro-Frame Delta, das im GIF-Stream gespeichert ist.

Das Tool schreibt eine frames.json-Datei in die ZIP, die jeden Frame und seine Verzögerung in Millisekunden auflistet, sodass Sie die ursprüngliche Zeit in FFmpeg oder einem Video-Editor reproduzieren können.

Nein. Der Upload wird verarbeitet, um die ZIP zu erstellen und danach verworfen.

Verwandte Tools