Lottieto100% private — in your browser
Lottie → WebP

Convert Lottie to WebP (still image)

Export a still WebP image from a Lottie animation — a compact, high-quality poster or thumbnail.

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.

How to convert Lottie to WebP (still image)

  1. 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. 2

    Tune the output. Set frame rate, quality, and resolution up to 4× — plus a transparent background where the format supports it.

  3. 3

    Export & download. Hit the export button and the file downloads straight from your browser — free, no watermark, no signup.

About converting Lottie to WebP

WebP produces smaller image files than PNG at comparable quality, which makes it a great choice for a poster frame or thumbnail you'll ship on the web. This exports a single frame as a WebP image, with optional transparency and up to 4× resolution.

If you need the full animation rather than a still, use GIF, APNG, WebM, or MP4. For a lossless still with the widest support, PNG is the safe alternative.

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

Is this an animated WebP?+

No — it exports a single still WebP frame (a poster). For animation, use APNG or WebM.

Does WebP support transparency?+

Yes — enable “Transparent background” to keep the alpha channel.

Why WebP over PNG?+

WebP files are typically smaller at similar quality, which is better for web delivery.

Other Lottie conversions

Converting lots of files? Batch convert free — or automate this conversion with the render API (beta).