Конвертация Lottie в анимированный SVG

У заказчика периодически возникает необходимость облегчить работу сайта с тяжелыми Lottie анимациями на страницах. Это связано с конвертированием анимаций в формат SVG. На этот раз вся графика в Lottie была расстровой. Векторизировал в графическом редакторе, оптимизировал код, добавил CSS анимации. Все вручную и с помощью самописываемых скриптов на JS, которые позволили автоматизировать работу и сжимать код. В результате Lottie анимация (сам JSON), которая весила 155 кБ, превратилась на 7,2 кБ в SVG формате. А если учитывать, что для воспроизведения JSON нужен еще и JS модуль Lottie, то выходит в общей сложности 427 кБ. В 59 раз больше, чем SVG. Мы также учитываем загрузку процессора. Диспетчер задач в Google Chrome показал 107% на Lottie против 6% на SVG. #lottie #svg #inkscape #анимация