Animated WebP Maker

Upload multiple images and create an animated WebP. Smaller files and better quality than GIF, with full color support. Everything runs in your browser.

100+ animations created

Drag & drop files here, or

JPG PNG WebP GIF BMP Multiple files supported • Each image = one frame

Smaller Than GIF

Animated WebP files are typically 30-50% smaller than equivalent GIFs with better visual quality and full 24-bit color.

Full Color Support

Unlike GIF's 256-color limit, WebP supports millions of colors and alpha transparency in every frame.

100% Private

All encoding runs in your browser using the Canvas API. Your images never leave your device.

How animated WebP works

Animated WebP stores multiple image frames inside a single RIFF container, similar to how animated GIF works — but with modern VP8 compression instead of LZW. Each frame is encoded as a lossy WebP image with configurable quality, then wrapped in an ANMF chunk that specifies timing, position, and blending. The result is a file that's typically 30-50% smaller than an equivalent GIF with dramatically better visual quality and full 24-bit color (16.7 million colors vs GIF's 256). If you need GIF format instead, use the GIF Maker.

WebP vs GIF — why switch

GIF is limited to 256 colors per frame, uses lossless LZW compression (large files), and produces visible color banding on photographic content. Animated WebP supports lossy compression with adjustable quality, full 24-bit color, and alpha transparency in every frame. For web performance, smaller animated WebP files mean faster page loads and lower bandwidth — especially important on mobile. All modern browsers support animated WebP. To convert between formats or optimize existing images, try the Format Converter and Image Compressor.

Optimizing your animation

Three settings control file size: quality, dimensions, and frame count. Medium quality (75%) is a good default — it cuts file size significantly while maintaining visual clarity. Reducing the max width keeps output small for social media and web use; you can always resize source images first with the Image Resizer. Fewer frames with longer delays produce smaller files — 10 frames at 200ms each creates a smooth 2-second loop. For the best source frames, crop to consistent dimensions with the Image Cropper.

Browser compatibility

Creating animated WebP requires a browser that supports WebP encoding via the Canvas API — Chrome, Edge, and Firefox (96+) all work. Safari can display animated WebP but cannot encode it, so Safari users should use the GIF Maker instead. Once created, animated WebP files play in all modern browsers, including Safari 14+, making them a safe format for web publishing and messaging. To check your image quality before and after conversion, use the Quality Analyzer.

Animated WebP is the modern replacement for animated GIF — smaller files, better quality, and full color support. This tool builds the animation entirely in your browser by encoding each frame as a WebP image and assembling them into the RIFF animation container. No data is uploaded to any server. For a detailed comparison of image formats and when to use each, read our JPEG vs PNG vs WebP guide.

Frequently Asked Questions

What is animated WebP?
Animated WebP is an image format that stores multiple frames in a single file, like an animated GIF but with better compression and full 24-bit color support. It uses VP8 lossy compression, producing files 30-50% smaller than equivalent GIFs with no color banding or dithering artifacts.
How many frames can I add?
There is no hard limit on the number of frames. However, more frames mean larger files and longer encoding times. For smooth animations, 10-30 frames is typical. Each frame is encoded individually in your browser, so very large sequences (100+ frames) may be slow on older devices.
Why doesn't this work in Safari?
Safari can display animated WebP files but does not support WebP encoding via the Canvas API. This tool needs canvas.toBlob with WebP output, which only Chrome, Edge, and Firefox support. Safari users can use our GIF Maker as an alternative.
What quality setting should I use?
Medium (75%) is a good default that balances file size and visual quality. Use High (90%) for content where detail matters — product photos, illustrations, or text overlays. Use Low (50%) when file size is the priority, like messaging stickers or simple icon animations.
Can I control the animation speed?
Yes. The delay slider sets how long each frame is displayed, from 50ms (20 fps, fast) to 2000ms (0.5 fps, slideshow). All frames share the same delay. You can also set the loop count — infinite, once, twice, or three times.
Are my images uploaded to a server?
No. All frame encoding and animation assembly runs entirely in your browser using the Canvas API. Your images never leave your device — nothing is transmitted, stored, or logged. The final animated WebP file is generated locally and downloaded directly.

You Might Also Like

GIF Maker

Images → animated GIF

Format Converter

PNG, JPG, WebP, AVIF

Image Compressor

Reduce file size

Image Resizer

Resize & scale images