How to Create Animated WebP
This guide explains how to create animated WebP files from video, GIF, APNG, or animated WebP sources using FastEdit. Animated WebP offers 24-bit color, alpha transparency, and significantly smaller file sizes than GIF, all with broad browser support.
Walkthrough
- 01
Open FastEdit
Go to fastedit.net. Runs in your browser with no installation or account required.
- 02
Drop your source material
Drag and drop a supported animated source such as MP4, MOV, WebM, GIF, APNG, or animated WebP.
- 03
Trim and adjust (if needed)
For video sources, use the timeline to trim to the segment you want. Adjust dimensions if you need a specific output size.
- 04
Select WebP output and configure settings
Choose WebP as the output format. Set your desired quality (70-85 is a good range), frame rate, and dimensions. Animation is enabled automatically when the source has multiple frames.
- 05
Preview and export
Use the compare view to check the animated WebP against the source. Click Export to download.
Small things worth checking
- Animated WebP is supported in current Chrome, Firefox, Safari, and Edge.
- Animated WebP files are typically 30-50% smaller than equivalent GIFs, with dramatically better color depth (24-bit vs 8-bit).
- WebP supports alpha transparency in animations, which GIF does not handle well (GIF only supports binary transparency).
- Check the target platform before uploading animated WebP. Discord custom stickers use APNG, and Telegram animated stickers use TGS or WebM video-sticker assets rather than animated WebP.
- Frame deduplication can significantly reduce file size for source content with static segments.