Skip to main content
Lottie4 min readNovember 2026

How can I convert a GIF to a Lottie JSON file?

Short answer

You can upload a GIF to a converter such as the LottieFiles GIF to Lottie tool, which accepts files up to 10 MB. But a GIF stores pixels, not shapes, so a converted file often will not gain the sharpness and small size that a real vector Lottie has. For the best result, rebuild the animation as vectors in After Effects, Figma or a Lottie editor.

Core Takeaway

  • Converters exist, including LottieFiles GIF to Lottie (10 MB limit)
  • GIFs are raster frames; Lottie shines with vector shapes
  • Check the converted file size and sharpness before using it
  • For loaders and icons, redrawing as vectors is usually worth it
  • This question has over 110,000 views on Stack Overflow

This is one of the most viewed Lottie questions on Stack Overflow, and the honest answer has two parts.

The quick way: a converter

LottieFiles has a free GIF to Lottie tool that also accepts MP4, MOV, WebM and PNG. Upload the GIF (up to 10 MB), pick an output and download a Lottie or dotLottie file. This is useful when a platform only accepts Lottie, or you want one player for all your animations.

Why the result may disappoint

A GIF is a stack of pixel images. A real Lottie is a list of vector shapes and keyframes. Unless a converter traces the frames into vector shapes well, the output carries pixel data inside the JSON. Then it will not scale cleanly, and the file can end up as large as the GIF or larger. Open the result, zoom in, and compare file sizes.

The better way: rebuild as vectors

For anything you will ship in an app, such as a spinner, a checkmark or an icon, redraw it with vector shapes. If you have the source file in After Effects, export with Bodymovin or the LottieFiles plugin. If you only have the GIF, trace the key poses in Figma or Illustrator and animate them again. It takes longer once and pays back in size and sharpness.

If the animation also needs to react to the user, build it in a tool with states instead of rebuilding a timeline. Rive and ExodeUI both do this; we make ExodeUI.

Frequently asked questions

Will a GIF converted to Lottie be smaller?

Not always. If the output stores raster frames, it can be the same size or larger. Real size savings come from vector shapes.

Can I convert MP4 to Lottie too?

Yes, the same LottieFiles tool accepts MP4, MOV and WebM. The same raster caveat applies.

Why is my converted Lottie blurry?

Because the source was pixels at a fixed size. Scaling it up stretches those pixels. Redraw it as vectors to get a sharp result.

What is the best format for a loading spinner?

A small vector animation: CSS, SVG, a vector Lottie or an interactive runtime file. Avoid GIFs for UI loaders.

Related Guides & Examples

Rebuild it as a vector loader

Make a loader with real loading, success and error states in ExodeUI and drive it from your code.

Open the editor
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →