Try the GIF Splitter to do this in your browser.
What splitting a GIF into frames actually means
Splitting an animated GIF into frames means decoding the file in your browser and exporting each fully composited visible frame as a separate PNG image. Unlike raw GIF patches—which are often small rectangles with transparent pixels or partial updates—each exported PNG shows the complete logical canvas at that moment. This distinction matters because raw patches can look incomplete or misleading when opened in an editor. The GIF Splitter tool applies the GIF’s disposal instructions (clear, restore, or leave) and draws each patch onto the current canvas, then exports the result as a full-resolution PNG. The output retains the original frame timing, dimensions, and transparency, making it suitable for documentation, storyboards, social-media assets, or manual editing.
For example, if you have a 3-second GIF of a blinking cursor, the splitter will produce one PNG for each visible state of the cursor, not just the small rectangle that changed. This approach ensures that every frame is a self-contained image that can be opened, edited, or shared without needing the original GIF or earlier frames. The tool also displays the decoded delay for each frame, which helps you sequence the stills or reassemble them later if needed.
When you need to split a GIF into frames
You might need to split a GIF into frames for several practical reasons:
- Design review: Extract key moments from an animation to discuss timing, transitions, or visual consistency with your team.
- Social-media assets: Turn a short animation into individual stills for platforms that don’t support GIFs or require static images.
- Manual editing: Fix or enhance a specific frame without re-exporting the entire animation from your editor.
- Documentation: Include clear, numbered stills in guides, tutorials, or presentations instead of linking to a looping GIF.
- Storyboarding: Break down an animation into its component frames to plan edits or remixes.
The GIF Splitter tool is designed for these tasks because it exports each frame as a fully composited PNG, not a raw GIF patch. This means you can open any frame in an image editor and see the complete canvas, not just the part that changed. The tool also preserves transparency, so if your GIF has a transparent background, the exported PNGs will too. This is especially useful for overlays, stickers, or animations that need to blend seamlessly with other content.
How to split a GIF into PNG frames
Follow these steps to extract every visible frame from an animated GIF as a separate PNG:
- Open the GIF Splitter tool in your browser. The page loads instantly and requires no sign-up or upload.
- Choose your animated GIF by clicking the upload area or dragging the file into it. The tool accepts GIFs up to 20 MB with a canvas no larger than 4,096 pixels on either side.
- Select "Extract PNG frames" and wait for the local compositing pass to finish. The tool decodes the GIF, applies disposal instructions, and draws each frame onto a full logical canvas.
- Review the numbered previews that appear below the upload area. Each preview shows the frame number, canvas size, decoded delay (in milliseconds), and a download link.
- Download the frames you need by clicking the individual links. Each PNG is named after the source file plus a padded frame number (e.g., animation-frame-01.png).
After extraction, the tool keeps all frames available only until you replace the input, leave the page, or close the tab. This ensures your GIF and its frames stay private, as no data is uploaded to a server. If you need to resize or optimize the frames later, you can use the Image Resizer or Image Compressor tools directly in your browser.
What the exported PNG frames include
The exported PNG frames from the GIF Splitter tool include the following details:
| Property | Description |
|---|---|
| Canvas size | The full logical dimensions of the GIF, not cropped to the changed rectangle. |
| Frame number | A zero-padded number (01, 02, …) matching the decoded GIF image order. |
| Decoded delay | The display delay in milliseconds, shown for reference but not embedded in the PNG. |
| Transparency | Transparent areas in the GIF remain transparent in the PNG, where the browser canvas supports it. |
| File name | Derived from the source filename plus the frame number (e.g., animation-frame-01.png). |
The tool does not crop frames to the changed rectangle, resize the image, combine frames into a contact sheet, or re-encode a new animation. Each PNG is a still image, so it cannot include animation timing or metadata like GIF comments. If you need to reassemble the frames into a new GIF, you can use the GIF Maker tool after extracting them.
Safety and privacy limits
The GIF Splitter tool includes deliberate safety limits to prevent unreasonable resource use in your browser:
- File size: The selected GIF may be up to 20 MB. Larger files are rejected to avoid excessive memory allocation.
- Canvas size: The canvas must be at most 4,096 pixels on either side and three million pixels in one frame. This prevents a small-looking upload from decompressing into an impractical number of pixels.
- Frame count: The tool accepts up to 50 image frames. If your GIF exceeds this limit, you’ll see a clear message and no partial frame list.
- Local processing: All decoding, compositing, and PNG creation happen in your browser. No data is uploaded to a server, and no permanent copy of the frames is kept.
These limits ensure the tool remains fast and reliable for typical use cases, such as extracting frames from short animations or stickers. If your GIF is rejected, you’ll see a specific error message explaining which limit was exceeded. The tool also checks the aggregate patch work and combined output pixels before creating any downloads, so you won’t encounter partially extracted frames.
How to verify the exported frames
After extracting frames, verify them to ensure they match the original animation:
- Open the first, middle, and final frames in an image editor or viewer. Check that the canvas size, transparency, and visual details match the original GIF.
- Compare transitions between frames, especially around partial updates or transparency. Subtle differences in color management or disposal behavior might affect the result.
- Check the frame order by renaming the files if needed. The padded numbers (01, 02, …) keep the frames in the correct sequence in most file managers.
- Test transparency if your GIF includes it. Open a frame in an editor that supports alpha channels to confirm transparent areas are preserved.
If you notice discrepancies, such as missing frames or incorrect transparency, the issue might stem from the original GIF’s encoding. The tool relies on the browser’s GIF decoder, so it cannot recover frames that the decoder cannot read. For best results, use GIFs with standard disposal instructions and avoid damaged extension data.
What to do after splitting a GIF into frames
Once you’ve extracted the frames, you can use them in several ways:
- Edit individual frames: Open a specific frame in an image editor to fix a typo, adjust colors, or add elements.
- Create a storyboard: Arrange the frames in a document or presentation to plan edits or share the animation’s flow.
- Share stills: Use the frames as static images on platforms that don’t support GIFs or require higher resolution.
- Reassemble the animation: Use the GIF Maker tool to turn the frames back into a new GIF with custom timing or edits.
- Optimize or resize: Use the Image Resizer or Image Compressor to adjust the frames for email, social media, or other uses.
The GIF Splitter tool is designed to integrate seamlessly with other browser-based tools. Since all processing happens locally, you can move from extraction to editing or reassembly without uploading files or switching devices. This makes it ideal for quick workflows, such as preparing social-media assets or documenting an animation for a team review.