GIF Frame Extractor

Sometimes the animation itself is not what you need. You want the funniest moment of a reaction GIF as a still, the frames of a character animation to edit one by one, or a sprite sheet for a game prototype. This tool opens an animated GIF or WebP, shows every frame in a grid with its timing, and exports the frames you choose.

Complete frames, not fragments

Animated GIFs and WebPs usually store only the part of each frame that changed. Extracting raw frame data therefore gives partial images with holes or stray pieces. Here the animation is replayed on a full canvas exactly as a browser plays it, honoring the format’s rules for clearing and blending, so every exported frame is the full picture of that moment.

Reading the timing

Above the grid you see the number of frames, the total length in seconds and the speed in frames per second. When frames have different durations, which is common because animators hold key poses longer, the speed is shown as an average and each thumbnail lists its own time in milliseconds. That tells you where the pauses are and which frames are the “real” poses.

Selecting frames

“Select all” and “Select none” work as expected. “Every Nth frame” keeps frames 1, 1+N, 1+2N and so on, useful for thinning long animations. Individual checkboxes let you fine-tune. The counter above the download button shows how many frames are selected.

Export formats

PNG keeps every pixel and the transparency of the animation, the best choice for editing and game assets. JPG produces small files for photographic animations without transparency. WebP is compact and keeps transparency. Frame numbers are zero-padded in the file names, so they sort correctly in any file manager.

Sprite sheets

Choose “One sprite sheet” to place all selected frames in a grid image with the number of columns you set. Every cell has the animation’s full size, in frame order from left to right and top to bottom. Game engines and CSS animations can step through such sheets. If the sheet would exceed 16384 pixels, which many browsers and GPUs cannot handle, you are asked to use more columns or fewer frames. For packing frames with trimming and a JSON map, the Sprite Sheet Generator offers more control.

Memory considerations

Every frame is kept in memory as a full image. A 500-frame GIF at 800 × 600 needs about a gigabyte. Long, large animations are therefore better handled on a computer than on a phone. If the browser runs out of memory, try a shorter clip.

From frames back to animation

After editing frames, reassemble them with GIF Maker or the Animated WebP Maker. For still conversions of the first frame only, GIF to PNG is the quickest route.

Typical uses

Designers pull a clean still from a product animation to use as its poster image. Teachers save the key steps of an animated diagram for printed handouts. Game developers check the poses of a sprite animation one by one, and anyone making a meme can grab the exact moment of a reaction. Frame times also help with debugging: a single frame with a long delay explains why an animation seems to stall.

Privacy

The animation is decoded in your browser and never uploaded, which matters for unreleased game art, internal screen recordings and personal clips.