Convert dotLottie to MP4
Export a .lottie (dotLottie) file as an MP4 video for social platforms, ads, and editors — directly in your browser.
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 converting dotLottie to MP4
Drop a .lottie file and export it as MP4 (H.264) without extracting the JSON first — the animation inside the container is loaded automatically. MP4 is what TikTok, Instagram, YouTube, and video editors expect.
MP4 encoding uses your browser's H.264 encoder via WebCodecs (desktop Chrome and Edge, typically). Where it isn't available the button is disabled and WebM — which also supports transparency — is the recommended alternative.
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
Why is the MP4 button disabled for me?+
Your browser's WebCodecs lacks an H.264 encoder. Try desktop Chrome/Edge, or export WebM instead.
Can the video be transparent?+
MP4 can't carry alpha; export WebM for transparency.
Does this work with plain Lottie JSON too?+
Yes — .json, .lottie, and .tgs all load the same way.
