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

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

Updated November 2026. Source: https://www.exodeui.com/questions/how-to-convert-gif-to-lottie/

## Key takeaways

- 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

## 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

- [What is a Lottie animation?](https://www.exodeui.com/questions/what-is-a-lottie-animation)
- [GIF loaders vs vector animation](https://www.exodeui.com/learn/gif-loaders-vs-vector-animation)
- [How to convert After Effects to Lottie](https://www.exodeui.com/questions/how-to-convert-after-effects-to-lottie)
- [Best loading animation makers](https://www.exodeui.com/best-loading-animation-makers)