GIF naar PNG-frames

upload animated GIF

Animatie-GIF’s zijn feitelijk een stapel afbeeldingen met 256 kleuren, waarbij er per frame een vertraging is. Door ze op te delen in PNG-bestanden krijgt u elk frame beschikbaar voor een sprite-sheet, voor bewerking frame per frame of voor import naar After Effects, Blender of een spelengine. Dit hulpmiddel decodeert de stream en retourneert de bestanden van frame_001.png tot frame_N.png als een ZIP-bestand.

Hoe je een GIF opdeelt in frames

  1. 1

    De GIF uploaden

    Elke animatie-GIF met een eindig aantal frames.

  2. 2

    De decoder loopt elk frame door.

    De vertraging (delay) en de dispositiemethode worden gerespecteerd, zodat de transparantie correct wordt gestapeld.

  3. 3

    Elk frame wordt als PNG opgeslagen.

    Met voorloopnullen in de nummering, waardoor bestandsbeheerders gesorteerd blijven.

  4. 4

    Download de ZIP

    Eén enkel archief met één PNG per frame.

Hoe de uitvoer eruitziet

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

De nummering begint bij 1 en bevat voorloopnullen, zodat een animatie van 42 frames correct wordt gesorteerd in Finder, Explorer of ls -1.

Framevertragingen en dispositie

GIF-frames bevatten een vertraging in honderdsten van een seconde en een dispositiemethode (niets doen, terugzetten naar achtergrond of terugzetten naar het vorige frame). De decoder stelt elk frame samen op het canvas volgens deze regels, waardoor de resulterende PNG-bestanden volledige afbeeldingen zijn in plaats van gedeeltelijke delta’s.

Als de bron de dispositiemethode ‘terugzetten naar achtergrond’ met transparantie gebruikt, kunnen sommige geëxporteerde frames grotendeels transparant lijken – dit was namelijk de oorspronkelijke bedoeling.

Waar de PNG-frames vervolgens worden geplaatst

  • Sprite-sheets: Combineer beelden horizontaal tot een sprite-sheet die kan worden verwerkt door CSS steps() of Phaser.
  • Video: voer ze in FFmpeg in met -framerate en exporteer als MP4 of WebM.
  • Animatietools: importeer in Krita, Procreate, After Effects of Aseprite voor bewerking frame per frame.
  • Documentatie: kies een sleutelframe voor het heldenbeeld en bewaar de rest als archiefbestand.

Veelgestelde vragen

Ja. Elk frame wordt met behoud van de alpha-waarden opgeslagen, zodat logo’s of UI-animaties op elke achtergrond bruikbaar blijven.

Volledige afbeeldingen. De decoder houdt zich aan de dispositiemethode van GIF; de geëxporteerde PNG-bestanden tonen daarom de samengestelde toestand, en niet de delta per frame die is opgeslagen in de GIF-stream.

De tool schrijft een frames.json-bestand in de ZIP waarin elk frame en zijn vertraging in milliseconden wordt vermeld, zodat u de oorspronkelijke timing kunt reproduceren in FFmpeg of een videobewerker.

Nee. De upload wordt verwerkt om een ZIP-bestand te genereren en daarna verwijderd.

Gerelateerde tools