Lottie package

GIF to Lottie Converter

Convert one or multiple animated GIFs into both .lottie packages and self-contained Lottie JSON files. Preserve frame timing and transparency, preview real Lottie playback, and process every file in your browser.

Your GIF is processed locally in this browser.

.lottie and JSON by default
Keeps frame timing
Keeps transparent backgrounds

GIF to APNG GIF to WebP GIF to Video

Loading tool...

How it works

Convert GIF to .lottie and Lottie JSON

Create both Lottie formats without uploading your files.

Choose one or more animated GIFs.

Create a .lottie package and self-contained JSON for each GIF in your browser.

Preview completed animations and download selected results individually or as a ZIP.

Two ready-to-use formats

Each GIF creates a compressed .lottie package and a self-contained JSON file by default.

Transparent frames

Preserves transparent pixels from the GIF in the generated frame resources.

No vectorization promise

GIFs are bitmap animations. This conversion packages their visual frames for Lottie playback; it does not create editable vector paths.

Format guide

What this GIF to Lottie converter creates

Both outputs preserve the same raster frames, transparency, and timing. They do not turn bitmap artwork into editable vector paths.

.lottie package

The .lottie file compresses its animation JSON and PNG frame assets into one package. It is the more compact choice for dotLottie-compatible Web, React, iOS, and Android runtimes.

Self-contained Lottie JSON

The JSON file embeds every PNG frame as Base64 data, so it does not need a separate images folder. This makes it portable for runtimes that accept JSON, but it is usually larger than the compressed .lottie package.

Raster Lottie, not vector tracing

A GIF is made from bitmap frames. This converter places those frames on a Lottie timeline; it does not redraw logos, text, or artwork as editable vector shapes.

When another format fits better

Choose WebP or APNG when you need a browser image format, and choose video for social platforms or video editors. Use Lottie when your project or runtime specifically expects .lottie or Lottie JSON.

Send the result to the next tool

If the current result still needs compression, source recording, background cleanup, or batch processing, continue directly with the next tool from here.

Animated PNG

GIF to APNG

Convert one or more animated GIFs into APNG files while preserving animation timing and transparency.

GIF to APNG

Animated WebP

GIF to WebP

Convert one or more animated GIFs into WebP files with quality controls while preserving animation and transparency.

GIF to WebP

Video export

GIF to Video

Convert an animated GIF to MP4, WebM, or MOV and set a target video length locally in your browser.

GIF to Video

FAQ

About GIF to Lottie conversion

Answers about compatibility, vectors, transparency, and file size.

Does this turn my GIF into an editable vector animation?

No. A normal GIF is made of bitmap frames. The .lottie package keeps those frame images and their timing, rather than claiming to recreate editable vector paths.

Will transparency be preserved?

Yes. The converter carries transparent GIF pixels into PNG frame resources inside the .lottie package.

Will the .lottie file always be smaller than the GIF?

No. Size depends on the source resolution, frame count, colors, and transparent areas. The goal is a usable Lottie delivery format, not a guaranteed size reduction.

Can I convert multiple GIFs at once?

Yes. Add multiple GIFs and process them one at a time in your browser. Practical capacity depends on the device memory and browser storage available.

Is GIF to Lottie the same as GIF to Lottie JSON?

Both formats use the same Lottie timeline and PNG frames. .lottie compresses the JSON and frames together, while the self-contained JSON embeds each frame as Base64 data and is usually larger.

Which Lottie players can open these files?

Use .lottie with dotLottie-compatible Web, React, iOS, or Android runtimes. Use the self-contained JSON with a Lottie runtime that supports embedded image assets, and confirm the image support of your target player.

When should I use WebP, APNG, or video instead?

Use WebP or APNG when you need an animated image in a browser, and use video for social platforms or video editors. Choose Lottie when your project specifically expects a .lottie or Lottie JSON file.

Are my files uploaded to a server?

No. GIF decoding, frame generation, packaging, and preview run in your current browser.