WebP Frame Extractor

Split any animated WebP - stickers, banners, animations - into individual PNG, JPG or WebP frames right in your browser. Every frame comes out complete, with its delay and timestamp. Check the file first with the WebP Analyzer, or turn the whole thing into a GIF with WebP to GIF.

Drop an animated WebP here or browse Opens right in your browser - no upload, no size limit. Or paste one with Ctrl+V. Instant, no upload Every frame + its delay ZIP or sprite sheet

animation.webp

Preview

Playing

Save frames as

Selected-

Each frame-

Frames

Every from

Click a frame to select or unselect it, Shift+click for a range. The eye shows it big.

Ctrl + Enter downloads

Columns

Padding (px)

Columns 0 = automatic square-ish grid. Uses the selected frames, full frames, the format, background and size from the settings above.

JSON dataFrame boxes + delays (Phaser, PixiJS) ON

CSS animationPlays the sheet like the WebP ON

Quick preview from thumbnails

How to Extract Frames from an Animated WebP

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

No animated WebP handy? Grab one from our WebP sample files and give it a spin.

Just want a single still image? WebP to PNG and WebP to JPG convert the first frame in one click.

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 sticker 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.

How Animated WebP Stores Its Frames

An animated WebP is a stack of small pictures, each with a position, a delay and two flags.

Blending decides whether a frame is drawn over the previous one (see-through pixels let it show) or replaces it. Dispose decides whether the frame's area is cleared before the next one.

This tool replays those rules exactly like Chrome and Firefox do, so every full frame matches what you see on screen. We checked it pixel by pixel against Chrome's own decoder, including lossy frames with transparency.

Curious how a file was optimised? Switch Frame type to Raw patches, or open it in the WebP Analyzer.

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. Shrink them later with Compress PNG.

WebP

Each frame as a small still WebP with transparency. Not available in Safari, which cannot save WebP.

JPG

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

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.

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, plus each frame's blending and position.

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

Need a GIF instead of frames? WebP to GIF converts the whole animation. Going the other way? GIF to WebP makes animations much smaller.

Popular Uses

Stickers

Pull single frames out of WhatsApp or Signal animated stickers, or check every frame before you publish a pack.

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 an animation as a PNG for a thumbnail, a blog post or a product page.

Editing and rebuilding

Fix a frame, then rebuild the animation with the GIF Maker. Got a GIF? Use the GIF Frame Extractor.

Frequently Asked Questions

Drop the WebP 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.

No. The animation is unpacked and every frame is saved right in your browser, so your file never leaves your device - and there is no upload size limit.

That is also why it works offline once the page has loaded.

Animated WebP often stores only the part of the picture that changes, placed at an offset and either blended over the previous frame or replacing it. A frame may also be cleared after it is shown.

Simple splitters export those stored pieces as they are. This tool replays the animation exactly like a browser, so every full frame looks like the moment you see on screen. Want the stored pieces instead? Switch Frame type to Raw patches.

PNG for the best quality with perfect transparency - best for editing. WebP gives each frame as a small still WebP and keeps transparency too.

JPG makes the smallest files but has no transparency, so see-through 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, blending and position of each frame.

Rebuild an animation later with the GIF Maker or Sprite Sheet to GIF.

WhatsApp animated stickers are animated WebP files, so yes - save the sticker and drop the .webp here. Telegram animated stickers are a different format (.tgs or WebM video), so they do not open here.

Making your own WhatsApp sticker? Try GIF to WhatsApp Sticker.

There is no upload, so there is no file size cap - only your device memory sets the limit. Animations with hundreds or thousands of frames work, because frames are rebuilt one at a time instead of all at once.

Some browsers, most notably Safari, can show WebP but cannot save it. On those browsers the WebP option is greyed out - PNG keeps the transparency just as well. In Chrome, Edge and Firefox all three formats work.