Convert Lottie to video
Turn a Lottie animation into a real video file — MP4 for socials and editors, or WebM for the web with true transparency.
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.
How to convert Lottie to video
- 1
Drop in your animation. Drag & drop a Lottie .json, .lottie, or .tgs file — or paste a URL. It loads instantly and never leaves your browser.
- 2
Tune the output. Set frame rate, quality, and resolution up to 4× — plus a transparent background where the format supports it.
- 3
Export & download. Hit the export button and the file downloads straight from your browser — free, no watermark, no signup.
About converting Lottie to video
“Video” means a choice between two containers here. MP4 (H.264) is the universal one: Instagram, TikTok, YouTube, Premiere, CapCut, and every phone accept it — but it has no transparency, so your animation gets composited onto a background color. WebM (VP9) is the web-native one: smaller files at the same quality and real alpha transparency for overlays, but it won't upload to most social platforms.
The practical rule: exporting for a social feed or a video editor → MP4. Exporting an overlay, sticker, or web background video → WebM with the transparency toggle on. Both are encoded in your browser with hardware acceleration via WebCodecs; nothing uploads. Pick frame rate up to 60 fps and resolution up to 4× before exporting.
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
MP4 or WebM — which should I export?+
MP4 for social platforms and video editors (universal support, no alpha). WebM for web overlays and wherever you need transparency at small sizes.
Can a video keep my animation's transparent background?+
Only WebM can — enable the transparency toggle. MP4/H.264 has no alpha channel; for socials, export MP4 with your background baked in.
Why is MP4 export unavailable in my browser?+
MP4 encoding uses your browser's WebCodecs H.264 encoder; a few browsers ship without it. WebM (VP9) is available almost everywhere Chrome-based, and the GIF/APNG exports always work.
What quality settings does video use?+
Your chosen frame rate (up to 60 fps), resolution up to 4×, and a bitrate scaled to the output size — encoded losslessly from vector frames, so there's no generation loss from a source video.
Other Lottie conversions
Converting lots of files? Batch convert free — or automate this conversion with the render API (beta).
