Arrange a short sequence of still images and encode them as an actual animated WebP without uploading frame artwork, prototypes, or product imagery.
How to use Animated WebP Maker
- Select at least two JPG, PNG, or static WebP frames in playback order.
- Choose one frame delay and a forever or finite loop count.
- Encode the animation locally, verify its frame information, and download the WebP.
What this tool is good at
When to use Animated WebP Maker
Product and UI motion
Combine ordered still frames into a compact looping illustration for demos, states, or lightweight promotional motion.
Frame-by-frame artwork
Turn exported JPG, PNG, or static WebP frames into one real animated WebP container.
Local animation assembly
Create motion from private or unreleased artwork without transferring the frames to a remote editor.
How to choose the right settings
Normalize frame dimensions
Frames should share a canvas size. Mismatched images are drawn into the first frame's dimensions and may be scaled.
Set readable timing
Short durations create fast motion; longer durations suit slides and instructional sequences. Preview the completed file before publishing.
Choose loop behavior
Infinite looping suits small ambient motion, while a finite loop can be less distracting for explanatory content.
Practical workflow and output details
The browser decodes each ordered frame and a WebAssembly muxer writes ANIM and ANMF chunks into a genuine animated WebP container.
This is not video transcoding: it does not accept audio, transitions, or arbitrary video codecs. File size grows with frame count, dimensions, detail, and duration strategy.
Format behavior and limitations
All frames use one duration and are fitted to the first frame's dimensions.
Existing animated WebP inputs are rejected, and source metadata or color profiles are not copied into the new animation.
Frequently asked questions
Is the output a real animation?
Yes. The browser codec creates WebP animation and frame chunks rather than a static image with an animated filename.
How are different frame sizes handled?
The first image sets the canvas size. Later frames are scaled proportionally and centered inside that canvas.
What does loop zero mean?
A loop count of zero follows the WebP convention for repeating forever. Positive values request a finite number of loops.
Related WebP tools
WebP to GIF
Convert a static WebP image to a single-frame GIF with a controlled color palette.
GIF to WebP
Convert still, single-frame GIF images to WebP without silently flattening animation.
WebP Editor
Adjust brightness, contrast, saturation, rotation, and output quality for static WebP images.