Конвертація 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 #анімація