GIF Frame Extractor

Split any animated GIF into individual PNG, JPG or WebP frames right in your browser - every frame comes out complete, with its delay and timestamp. Keep them all, a range or every Nth frame, or pack them into a sprite sheet.

How to Extract Frames from a GIF

  1. Add your GIF. Drop an animated GIF into the box, browse for it or paste it with Ctrl+V. It opens instantly - nothing is uploaded.
  2. Pick the frames. Every frame starts selected. Click frames to toggle them, or select a list like 1-10, 15 or every 2nd frame.
  3. Choose a format. PNG keeps transparency, JPG makes the smallest files and WebP sits in between. Background colour, scale and file names are optional.
  4. Download. Save the frames (three or more arrive as one ZIP), a sprite sheet with JSON and CSS, or a contact sheet.

No GIF handy? Grab an animated GIF sample and give it a spin.

Only need the poster frame? The GIF First Frame Extractor does exactly that, for up to 20 GIFs at once.

Four Ways to Take the Frames

Pick the output that fits what you are building.

Frames as files

Every selected frame as its own PNG, JPG or WebP file.

One or two frames download directly, three or more come as one ZIP.

Sprite sheet

All frames in one grid image, with a JSON file and a CSS animation.

Ready for game engines like Phaser and PixiJS, or for a pure-CSS animation.

Contact sheet

A labelled overview of the whole animation on one page.

Great for reviews, storyboards and checking a GIF frame by frame.

Single frame

Open any frame with the eye button, then download it or copy it straight to the clipboard.

Paste it into a chat, a doc or an image editor.

Output Format Options

The format changes the file size and whether see-through pixels survive.

PNG

Best quality with perfect transparency. Larger files, ideal for editing and further processing.

WebP

A good balance of quality and size, with transparency. Modern format - a few older programs cannot open it.

JPG

The smallest files, but no transparency: transparent areas become the background colour, white by default.

Need JPGs of a still GIF instead? Try GIF to JPG.

Size and names

Scale frames from 1% to 400% - Sharp pixels keeps pixel art crisp when enlarging.

Name files with a pattern like {name}_{N} to keep them in order.

Full Frames vs. Raw Frame Patches

Most GIFs save space by storing only the pixels that change.

A frame may be just a small patch, drawn on top of what was there before - or after the previous frame was cleared or restored. These steps are called disposal methods.

Simple splitters export those patches as-is, which gives you broken, half-empty frames. This tool replays the GIF exactly like a browser does, so every full frame looks just like the moment in the animation.

Want to see how the GIF was optimised? Switch Frame type to Raw patches. Each frame’s size, position and disposal are listed in the preview and in metadata.json. The GIF Analyzer shows even more detail.

Timing Preserved

Every frame keeps its delay.

The frame grid shows when each frame starts and how long it stays on screen. The ZIP adds metadata.json and frame-details.txt with the same numbers.

A delay of 0 or 10 ms is played as 100 ms by browsers - the tool shows both values, so nothing is a surprise.

Edited the frames? Rebuild the animation with the GIF Maker, or from a sprite sheet with Sprite Sheet to GIF. To change the pace instead, use the GIF Speed Changer.

Popular Uses

Game sprites

Turn an animated character into a sprite sheet with exact frame timing for your game engine.

Thumbnails and stills

Pick the best moment of a reaction GIF as a PNG for a thumbnail, a blog post or a meme.

Editing single frames

Fix one frame, remove a watermark or remove the background, then rebuild the GIF.

Shorter or lighter GIFs

Drop frames you do not need, or cut the clip with the GIF Cutter and slim it with Compress GIF.

Got an animated WebP instead? Use the WebP Frame Extractor. For APNG files, convert them with APNG to GIF first. Starting from a video? Make a GIF with Video to GIF.

Privacy and Limits

Your GIF stays on your device.

Frames are decoded and saved in your browser, so there is no upload and no file size cap - only your device memory sets the limit.

The optional server mode accepts GIFs up to 50 MB and 3,000 frames. Server files are deleted automatically within 4 hours.

Frequently Asked Questions

Drop the GIF into the box above. Every frame appears as a thumbnail within seconds, all selected.

Untick the ones you do not need, pick PNG, JPG or WebP and press Download. Three or more frames arrive as one ZIP.

Extracting frames is useful for animation analysis, editing single frames, building sprite sheets for games, or grabbing one perfect still for a thumbnail.

After editing, you can rebuild the animation with the GIF Maker.

Choose PNG for the highest quality with perfect transparency - best for editing. WebP gives smaller files and still keeps transparency.

JPG makes the smallest files but has no transparency, so transparent areas get the background colour you pick (white by default).

No. Every frame shows its delay and start time, and the ZIP includes a metadata.json and a frame-details.txt with the exact timing of each frame.

That is all you need to rebuild the animation later, for example with Sprite Sheet to GIF.

In your browser there is no upload limit - GIFs with thousands of frames work, limited only by your device memory.

The optional server mode takes GIFs up to 50 MB and 3,000 frames.

Many GIFs store only the part of the picture that changes. Full frames rebuild each frame exactly as it appears when the GIF plays - this is the default.

Raw frame patches give you only the stored piece, with its size and position listed in the metadata. That is handy for analysing how a GIF was optimised.

No. Frames are decoded and saved right in your browser, so your GIF never leaves your device.

Only if you switch Processing to On our server (or your browser cannot write WebP) is the GIF uploaded - and it is deleted automatically within 4 hours.

Press Sprite sheet under the frame grid. Choose the columns and padding, and download one image with a JSON file for Phaser or PixiJS and a ready-made CSS animation.

For more layout options there is also the dedicated GIF to Sprite Sheet tool.

Guides & Tutorials

All 14 guides
Optimization GIF Resizing Masterclass: Shrink File Size Without Losing Animation Quality Read the guide Comparison PNG vs JPG: Which Image Format Should You Actually Use? Read the guide Optimization How to Reduce Image File Size Without Losing Quality Read the guide