What Lottie export settings are available?

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

Lottie Export Settings