Animated WebP Maker

Upload images







Add more

Switch to alphabetically ordered upload

GIF, JPG, PNG, APNG, HEIC, HEIF, MNG, JP2, AVIF, JXL, BMP, PDF, WebP or other images, up to 2000 files.
You can select multiple images, animated files, or upload ZIP, 7z, TAR or RAR archives with images.
Max total file size: 200MB

All uploaded files are automatically deleted 1 hour after upload.

Online animated WebP maker

This tool lets you create animated WebP images. It's very similar to our GIF maker but outputs animation in WebP format instead of GIF.

You can upload multiple image files to create animation, as well as existing animations for editing. You can also use this tool to convert almost any other image format (animated or not) to WebP, add or remove frames from animated WebP, change frame order or playback speed, etc.

Output image quality can be adjusted using a slider, allowing you to choose between a smaller file size and higher visual quality. Setting the quality to 100 enables lossless mode (in some cases - especially for images with crisp lines and solid color areas - lossless files can be smaller than high-quality lossy files). You can also choose whether to stack frames or dispose of them after each frame is displayed.

Delay time used in this tool is milliseconds (1/1000 of a second).

If you are making an animation with transparent areas, it's possible to use the first frame as a background image for the rest of the frames.

This tool is powered by webpmux.

Frequently asked questions

Do all browsers support animated WebP?

Yes. Since 2022, all major browsers — Chrome, Firefox, Safari, Edge, and Opera — fully support animated WebP images. You can use animated WebP on the web with confidence.

What is the difference between WebP and GIF?

WebP supports both lossy and lossless compression, resulting in significantly smaller file sizes compared to GIF (often 30–50% smaller). WebP also supports 24-bit color and full alpha transparency, while GIF is limited to 256 colors and binary transparency.

What does the quality slider do?

The quality slider (0–100) controls the lossy compression level. Higher values produce better visual quality but larger files. Setting quality to 100 enables lossless mode, which can sometimes produce smaller files than high-quality lossy — especially for images with crisp lines and solid color areas.

How do I handle transparent backgrounds?

Check the "don't stack frames" option to ensure each frame is disposed of before the next one is displayed. If your animation has a static background with moving transparent elements, you can use the "use first frame as background" option instead.