Convert your lottie animation to animated GIF

This is an online lottie to GIF converter online. Upload your lottie json and provide us with a few details. This could take 2 to 3 minutes, depending on the length and dimension. The maximum conversion length is 60 seconds. Horizontal 1920(width)x1080(height) or Vertical 1080(width)x1920(height) are the maximum supported dimensions.

Upload .json or .lottie of your lottie animation.
OR
Upload the zip file. It should include a json file in addition to its assets (such as photos, manifest.json, and so on).

Enter url of lottie json. (For example: https://yourserver/..../abc.json).

Please Note: If you have included lottie animation/json within the html/web page, choose the "HTML5 to GIF" option.

Select Advance Options

Transparent Background

Check this box to create an animated gif with a transparent background.

Background Color

Select lottie-player renderer*

Specify to the lottie-player how the animation should render on the page. You can render it with SVG or CANVAS.

Try changing the 'lottie-player renderer' or 'Background color' if you don't see the preview in the top window after selecting your content.

Remove semi-transparent pixels (alpha)

GIF format does not support partial transparency. A pixel can only be entirely transparent. You can adjust the outlines or edges (or black pixels/outline) using above parameters.

Select Loop*

Choose the number of loops for the output gif.

Enter Duration*

Enter the animation's duration in seconds.

Please keep in mind that if your creative includes a loop/iteration, you must enter the duration of the single/first loop. For example, if you want to run an animation for 30 seconds with each iteration lasting 5 seconds, enter 5 as the duration and 6 from the 'loop' drop down.

Loop the lottie animation

Lottie animation is automatically set to loop infinitely. If you want your animation to play only once, you can disable looping by selecting 'No'. Otherwise, choose 'Yes.'

Width*

Enter the width for output between 30 and 1920.

Height*

Enter the height for output between 30 and 1920.

Frames per second (FPS)*

Select frames per second. GIF file size is determined by FPS. Lower FPS means smaller file size.

GIF Compression level*

Select the level of compression (higher = more lossy). For good quality and best file size: try 30. Lossy GIF compression removes less noticeable details to make the GIF smaller and load faster.

GIF Encoder

This encoder is relatively slow, but it produces gifs with good colours and a small file size.

Quality

Choose quality. GIF file size depends on quality.

Frame Selection Option

Two steps: The tool will extract photos from your lottie animation for the length given. It will prompt you to select the Start and End frames (essentially the range to appropriately chop it) before generating the final result. If you are a new user, choose this option.

One Step: In this step, the tool will generate the final output directly till the duration limit is reached. It is only for experienced users.

Modern Appoach

5,000,00+ conversions

Guaranteed, smooth video at 60 fps with good quality from your HTML5 animation.

Best Relationship

15,000+ website users

Ultimate tool

50+ API clients

We have created our own unique video rendering engine which make video as smooth as the animations in your html5 creative.

Frequently Asked Questions

Does your utility convert .lottie file to animated gif?
Yes.
What is a .lottie file?
A .lottie file is a lightweight, JSON-based file format for scalable, interactive animations. It is used primarily for web, mobile, and desktop applications. .lottie files are designed to store high-quality vector animations in a small file size, making them efficient for use in digital applications. The .lottie format is an open standard, making it widely accessible for developers and designers. In general, the ttol Adobe After Effects (with the Bodymovin plugin) exports the .lottie files
What is the maximum length for turning lottie animation into a GIF ?
The maximum supported length is 120 seconds.
Can I lower the size of a GIF file?
Yes, you should set the lower value for frames per second and quality to a lesser value (50%).
What are the differences between the web HTML, SVG, and Canvas rendered?
Technically, lottie-player only renders either in an SVG (HTML or SVG DOM element) or a Canvas element. When using SVG to render animations, all the SVG content is added to the SVG DOM element and can be seen when viewing the source code of the web page. On the other hand, when using canvas to render animations, the animation content is drawn onto the canvas surface, leaving the HTML DOM untouched and uncluttered. SVG does support more of the Lottie features, however, the drawback of SVG is that the changes made to the HTML DOM incurs performance penalties.This is why Canvas is more performant, even though lottie-player only renders to Canvas in 2dContext (less features supported).
How can I minimise the size of a GIF file?
Check your animation; do not animate the background/photo (for example, sliding, zooming, or fading in/out). Make the background or photo static (no movement). Only text frames should be animated.
What if my conversion becomes stuck for an extended period of time?
You should double-check it by refreshing the browser. If the record's progress does not change, you should try again with a fresh job.
What is Lossy GIF Compression?
Lossy GIF compression is a technique used to reduce the file size of GIF images by sacrificing some visual quality. Instead of storing every pixel perfectly, it removes less noticeable details to make the GIF smaller and load faster.
How Does It Work?
1) Color Reduction – Removes similar colors to use fewer total colors.
2) Pixel Merging – Blends pixels together in areas where detail is less important.
3) Dithering Optimization – Adjusts patterns to maintain a smooth look with fewer colors.