Convert Lottie to transparent WebM
Export a Lottie animation as WebM video with a real alpha channel — smooth transparency GIF can't deliver, at a fraction of the size.
How it works
- 1Upload a Lottie file (.json, .lottie, or .tgs), or try the example
- 2Adjust frame rate, quality, resolution and transparency
- 3Export to any format — or optimize and repackage as dotLottie
Nothing is uploaded. SVG output uses SMIL and needs no JavaScript; APNG and WebM keep the full color and transparency GIF can't.
About transparent WebM export
WebM (VP9) is the only broadly supported web video format with an alpha channel, which makes it the right choice for transparent animation overlays: hero sections, product demos layered over content, and lightweight replacements for huge transparent GIFs. This page starts with transparency switched on.
Encoding runs locally via your browser's WebCodecs. Where the browser supports VP9 alpha the transparency is preserved; where it doesn't, the export falls back to a solid background automatically — and the filename only says “transparent” when the alpha channel was actually kept. Safari playback of alpha WebM varies — test your target surface, or ship APNG as a fallback.
Which format should I use?
| Format | Type | Transparency | Color | Best for |
|---|---|---|---|---|
| GIF | Animated image | 1-bit (hard edges) | 256 colors | Email, chat, universal support |
| APNG | Animated image | 8-bit (smooth) | Full 24-bit | Icons, logos, quality over size |
| WebM | Video | Yes (VP9 alpha) | Full | Small web video, transparent overlays |
| MP4 | Video | None | Full | Social, ads, video editors |
| SVG | Vector (SMIL) | Yes | Full | Runtime-free embeds |
| PNG / WebP | Still image | Yes | Full | Posters, thumbnails, placeholders |
Frequently asked questions
Does every browser keep the alpha channel?+
Encoding alpha requires VP9 alpha support in your browser's WebCodecs (Chrome/Edge desktop, typically). Without it the export falls back to a solid background.
Transparent WebM vs transparent GIF?+
WebM has smooth 8-bit alpha and dramatically smaller files; GIF is 1-bit alpha but plays absolutely everywhere. For overlays on the web, WebM wins.
What about Safari?+
Safari's alpha-WebM playback is inconsistent — test it, or provide an APNG fallback for Safari users.
