Lottie Export Settings


Lottie is a JSON-based file format designed for high-quality animations. It offers seamless cross-platform integration, being an ideal file format for both web and mobile applications.

Lottie files are lightweight, very scalable and developer-friendly. They can also include raster graphic elements and support programmability and interactivity.

SVGator supports Lottie JSON and optimized JSON as export formats. The difference between them is that optimized JSON reduces file size up to 70% by optimizing the JSON structure.

Lottie Export Options in SVGator
Lottie Export Options

You have the option to export your JSON file as either static or animated. When you choose to export a static JSON file, it will contain only the essential data without any animations, suitable for use cases where animation is not required.

Export Type: Animated or Static in SVGator
Export Type: Animated or Static

On the other hand, an animated JSON file includes all the animation data and it’s ideal for dynamic applications where visual effects and movements are essential.

You can export the JSON file choosing the “Exported IDs” to be “None”, “Unique” or “Element’s name”.

This feature allows you to maintain the original IDs of your JSON file. “None” will not include any IDs for the SVG elements and it’s suitable for simpler animations or for styling purposes.

“Unique” will generate unique IDs for each element in the SVG. This is especially helpful for complex animations or interactions where you need to avoid any conflicts between elements.

“Element’s name” option keeps the original names or IDs assigned to elements in SVGator. This is ideal for maintaining consistency, especially if you have meaningful names for elements that you want to reference in your code. It makes it easier to identify specific elements for additional scripting or styling after export.

Element’s name option in SVGator
Element’s Name Option


Related Topics:

Lottie format vs SVG format - SVGator
We’ve created a helpful comparison between the Lottie file format and the SVG file format. Check it out to learn more.
Lottie Export Preview | SVGator
Preview your Lottie animation here. Keep in mind, Lottie is currently in Beta, which means we’re actively refining its features.
What Export Settings are Available? | SVGator Help
Everything you need to know about export settings in SVGator. Create ready to use SVG animations for your website or mobile app and export with a single click.

Still got questions? Send us an email to contact@svgator.com and we will get back to you as soon as we can.