Extract Every Frame of an Animated GIF as a PNG

About the GIF Frame Extractor

Add a GIF and every frame it contains is decoded and saved as a separate PNG, numbered with leading zeros so frame ten sorts after frame nine rather than after frame one. PNG is used rather than GIF for the output because it is lossless and keeps any transparency the original frames carried, which matters if you intend to edit a frame and put it back into an animation later.

There is one significant requirement to be aware of before you start. Decoding an animation frame by frame relies on a browser interface that is currently available in Chrome and Edge but not in Firefox or Safari, and the tool will tell you plainly if your browser cannot do it rather than silently returning a single frame. If you land on that message, opening the same page in a Chromium-based browser is the fix. The extraction itself is performed locally.

Key Features

• Every frame captured: The whole animation is decoded, not just the first frame that a static preview would show.
• Lossless PNG stills: Frames are written as PNG, so nothing is re-compressed and transparency is preserved.
• Zero-padded numbering: Filenames sort correctly in any file manager, which matters for animations running past nine frames.
• Everything in one archive: Twelve frames preview on screen and the ZIP contains the complete sequence.
• Honest browser check: If the decoding interface is unavailable the tool says so directly instead of producing an incomplete result.

How to Use the GIF Frame Extractor

1. Open the page in Chrome or Edge, which support animated decoding.
2. Add the GIF you want to take apart.
3. Extract the frames and review the previews.
4. Download the ZIP containing every still.

How It Works

The file is read into memory and handed to the browser's ImageDecoder interface, which exposes the animation as a track with a frame count and lets each frame be decoded in turn onto its own canvas before being encoded as PNG. That interface is the reason for the browser requirement — it ships in Chromium-based browsers and is absent elsewhere, so Firefox and Safari raise an explicit error rather than falling back to something misleading. Frames are extracted as fully composed images rather than as the partial difference regions a GIF stores internally, so each PNG is a complete picture you can use on its own.

When You Need It

A tester triaging a bug report receives a screen recording as a GIF showing the fault occurring, and needs one clean still of the error state to attach to the ticket and annotate. Pulling the frames out locally gives an exact still rather than a blurry screenshot of a playing animation. That recording was captured from a live account and shows real customer records on screen, so passing it through a GIF-splitting website would move production data somewhere it has no business being. Animators checking individual cels and designers lifting a single frame for a thumbnail extract for craft reasons.