Images to Animated WebP Maker
Turn a sequence of PNG, JPG or WebP frames into one animated WebP. Unlike GIF, WebP keeps transparent areas and full colour, so it suits stickers, UI animations and exported sequences from tools like After Effects, Figma or Blender. Encoding runs in your browser with a WebAssembly build of libwebp, so nothing is uploaded.
- Encoded on your device (libwebp WebAssembly)
- Up to 100 MB
- No watermark, no signup
Last reviewed · How we verify claims
Drop images here
or click to browse — several images or a folder (PNG, JPG, WebP, AVIF) · or paste
Processed on your device. Nothing is uploaded.
How it works
- 1. Drop PNG, JPG, WebP or AVIF images, or a whole folder. If their shapes differ, choose Fit, Fill or Stretch and the width.
- 2. Reorder or remove images, set how long each one shows, add crossfades, captions and colour looks.
- 3. In the Export tab, choose quality or lossless (or a size limit to fit), encode with libwebp on your device, then download the animated WebP.
Recommended settings
| Use case | Settings | Why |
|---|---|---|
| Transparent sticker or emoji | Transparent PNG frames · 12–15 fps · loop infinite | WebP stores an alpha channel, so the animation sits cleanly on any background. |
| UI or onboarding animation | Frames exported at display size · 15–24 fps | Export frames at the size you'll show them; upscaling in the browser blurs edges and wastes bytes. |
| Product slideshow | 2 fps with speed 0.5× · loop infinite | Few, slow frames make a very small file that still works in an img tag. |
Use it on the web
<picture>
<source srcset="sticker.webp" type="image/webp">
<img src="sticker.gif" alt="Short description of the animation" width="480" height="270" loading="lazy">
</picture><img src="sticker.webp" alt="Short description of the animation" width="480" height="270" loading="lazy" decoding="async">GIF vs WebP vs AVIF vs MP4
| Format | Typical size | Colour | HTML tag | Support |
|---|---|---|---|---|
| GIF | Largest | 256 per frame; on/off transparency | <img> | Everywhere |
| WebP | Usually much smaller than GIF | Full colour + alpha | <img> | All modern browsers |
| AVIF | Usually smallest of the image formats | Full colour (alpha in the format; not written by this tool) | <img> | Current Chrome, Edge, Firefox, Safari |
| MP4 | Usually smallest overall | Full colour, no alpha | <video> | Everywhere, but not where only images are allowed |
None of these exports include audio. Sizes vary by clip, so the editor shows your real output size before download. How we test
Questions about Images to Animated WebP Maker
- How many images can I combine, and in what order?
- As many images as your plan allows (60 on the free plan) and your device can hold, in PNG, JPG, WebP or AVIF; you can drop a whole folder. Frames play in the order added; drag frames in the strip, or focus one and press Alt plus an arrow key, to reorder. If the images have different shapes, choose Fit (with a blurred or coloured fill), Fill or Stretch, and a width up to 1080 px or the original.
- Does animated WebP keep transparency?
- Yes. Transparent areas in your PNG or WebP frames are kept: the output is lossy WebP with a separate alpha channel, so edges stay clean on any background.
- Can I use animated WebP as a sticker in messaging apps?
- Many apps use animated WebP for stickers, but each has its own size, dimension and frame-rate rules. Check the app's sticker guidelines, then size your frames to match before exporting.
- Why WebP instead of GIF?
- GIF has no partial transparency and only 256 colours per frame. Animated WebP has full colour and an alpha channel, and is usually much smaller for the same frames.
- Are my images uploaded?
- No. Decoding and encoding happen in a background worker on your device; there is no server step for WebP.
Transparent animations without GIF's jagged edges
GIF transparency is all-or-nothing per pixel, which leaves jagged or haloed edges around anti-aliased shapes. WebP stores a full 8-bit alpha channel, so soft shadows and smooth edges survive. Export your frames as transparent PNGs from your design or animation tool and drop them in.
Exporting frames from design tools
In After Effects, Blender or similar tools, render a PNG sequence with an alpha channel at the exact size you need. In Figma, export each frame of a prototype step as PNG. Frames of the same size need no setup; for mixed sizes choose Fit with no fill to keep the transparency around them.
Where animated WebP works
Every current browser displays animated WebP in an img tag or CSS background. Some email clients and older forums do not; for those, keep a GIF version and serve it as the fallback inside a picture element.
Private by design
Framimo converts your files inside your browser tab, so your images are never sent to a server for this WebP export. There is no signup and no watermark, and you can disconnect from the internet once the page has loaded.