Split GIFs into individual frames
Pull every frame from an animated GIF and export them as individual PNG images. Uses the browser ImageDecoder API with a clear fallback when the API is unavailable.
Decode every frame of an animated GIF straight in the browser. Frames are exported as PNGs and bundled into a ZIP when you download the batch.
Extracting individual frames from animated GIFs
Animated GIFs store multiple image frames in a single file, displayed in sequence to create the illusion of motion. Each frame is a complete image with its own color palette and display duration. Splitting a GIF extracts these individual frames as separate PNG files, giving you access to each moment captured in the animation.
Frame extraction is useful for selecting the best still from a screen recording, creating thumbnails from animated content, analyzing animation timing, or repurposing individual frames as static images. Designers often split GIFs to edit specific frames in image editors before reassembling the animation.
The tool uses the browser's ImageDecoder API when available (Chrome, Edge) for accurate frame extraction that respects disposal methods and frame timing. In browsers without this API, it falls back to rendering the first frame only. For full multi-frame extraction, use a Chromium-based browser.
Each extracted frame exports as a PNG file to preserve quality and transparency. PNGs are lossless, so the extracted frames are pixel-perfect representations of what the GIF contains. The entire set downloads as a ZIP archive with frames numbered sequentially for easy identification and reordering.
Common use cases
- Selecting stills from screen recordings: Extract the perfect frame from a GIF screen recording to use as a thumbnail, documentation screenshot, or social media preview image.
- Animation analysis and editing: Split an animation into frames to study timing, edit individual frames in an image editor, or identify which frames need correction before reassembly.
- Creating sprite sheets: Extract all frames from a GIF animation to arrange them into a sprite sheet for game development or CSS animation workflows.
- Recovering static images from GIFs: When someone shares content as an animated GIF but you only need one frame, extract it as a high-quality PNG instead of taking a screenshot.
Technical details
- ImageDecoder API
- A modern browser API that decodes image formats frame-by-frame. It correctly handles GIF disposal methods (restore to background, restore to previous) that affect how frames composite.
- Frame disposal
- GIFs use disposal methods to control what happens between frames. Some frames are full replacements, others are partial overlays. The decoder handles this automatically.
- Output format
- Frames export as PNG to preserve any transparency in the GIF and avoid lossy re-compression. Each frame is a standalone image at the GIF's full dimensions.
- Browser support
- Full frame extraction requires Chrome 94+, Edge 94+, or Opera 80+. Firefox and Safari do not yet support ImageDecoder, so the tool shows a single preview frame in those browsers.
How to split a GIF into frames online
Extract each frame from an animated GIF and download them as PNGs.
- Drop an animated GIF into the splitter.
- Wait while the browser decodes every frame.
- Preview the extracted frames in order.
- Download a single frame or every frame inside a ZIP.
Frequently asked questions
Why does my browser say frame extraction is not available?
Some browsers do not yet expose the ImageDecoder API. The tool falls back to a single preview frame in that case. Try the latest Chrome, Edge, or Firefox for full support.