Conversion of Lottie to Animated SVG
The customer periodically has the need to facilitate the work of the site with heavy Lottie animations on the pages. This leads to the conversion of animations into the SVG format. This time, all the graphics in Lottie were broken. Vectored in the graphic editor, optimized the code, added CSS animations. All manually and using self-writing scripts on JS, which allowed to automatize the work and print the code. As a result, Lottie animation (with JSON), which weighed 155 KB, converted to 7.2 KB in SVG format. And if you consider that JSON requires the JS Lottie module to play, then it comes out a total of 427 KB. It is 59 times more than the SVG. We also consider the processor load. The task manager in Google Chrome showed 107% on Lottie vs 6% on SVG. #lottie #svg #inkscape #animation