Convert Lottie to animated SVG
Export a Lottie animation as a self-contained animated SVG that needs no JavaScript runtime.
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 Lottie to SVG
This produces an animated SVG using SMIL, so it plays on its own — no lottie.js, no JavaScript, just a single file you can inline or drop in an <img>. That's handy for lightweight embeds, email signatures, and places where you can't load a runtime.
Be aware of the trade-offs: the SVG is built by sequencing rendered frames, so it can be larger than the equivalent GIF, and some environments that sanitize SVG (like GitHub or certain email clients) will show only a static frame. For a smaller animated file, GIF, APNG, or WebM are usually better; SVG shines when you specifically need a runtime-free vector file.
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 the SVG need JavaScript to animate?+
No — it uses SMIL, so it animates on its own as inline markup or an <img> source.
Why is the SVG sometimes large?+
It sequences rendered frames rather than interpolating vectors, so long or complex animations produce bigger files. Try a lower frame rate, or use APNG/WebM.
Will it animate everywhere?+
In modern browsers, yes. Some sanitized contexts (GitHub, some email clients, design tools) show only the first frame.
