Lottieto100% private — in your browser
Lottie → WebM

Convert Lottie to WebM

Export a Lottie animation as a WebM video — smaller than GIF, with support for transparency.

How it works

  1. 1Upload a Lottie file (.json, .lottie, or .tgs), or try the example
  2. 2Adjust frame rate, quality, resolution and transparency
  3. 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 WebM

WebM (VP9) is the web-native video format: significantly smaller than GIF at similar quality, widely supported across modern browsers, and — unlike MP4 — able to carry an alpha channel for transparent video overlays.

That makes WebM the best all-round choice when you need real video rather than an animated image: hero backgrounds, transparent overlays, and lightweight embeds. Encoding runs locally through the WebCodecs API. Where a browser supports VP9 alpha, transparency is preserved; otherwise it falls back to a solid background automatically.

Which format should I use?

FormatTypeTransparencyColorBest for
GIFAnimated image1-bit (hard edges)256 colorsEmail, chat, universal support
APNGAnimated image8-bit (smooth)Full 24-bitIcons, logos, quality over size
WebMVideoYes (VP9 alpha)FullSmall web video, transparent overlays
MP4VideoNoneFullSocial, ads, video editors
SVGVector (SMIL)YesFullRuntime-free embeds
PNG / WebPStill imageYesFullPosters, thumbnails, placeholders

Frequently asked questions

Does WebM support transparency?+

Yes, where the browser supports VP9 alpha. If it doesn't, the export falls back to a solid background — detection is automatic.

WebM or MP4 — which should I use?+

WebM is smaller and supports transparency, ideal for the web. Use MP4 when a specific tool or platform requires H.264.

Is my animation uploaded?+

No. Everything runs entirely in your browser — your file is never uploaded to a server.

Other Lottie conversions