Konwersja Lottie do animowanego SVG

Zamówca okresowo musi ułatwić pracę witryny z ciężkimi animacjami Lottie na stronach. To oznacza konwersję animacji do formatu SVG. Tym razem cała grafika w Lottie była rozdrobniona. Wektorowałem w edytorze graficznym, zoptymalizował kod, dodał animacje CSS. Wszystko ręcznie i za pomocą samopisanych skryptów na JS, które umożliwiły automatyzację pracy i tłumaczenie kodu. W rezultacie animacja Lottie (sam JSON), która ważyła 155 kB, przekształciła się w 7,2 kB w formacie SVG. A jeśli wziąć pod uwagę, że do odtwarzania JSON potrzebny jest również JS moduł Lottie, to wydobywa się łącznie 427 kB. W 59 razy więcej niż SVG. Rozważamy również ładowanie procesora. Dyrektor zadań w Google Chrome pokazał 107% na Lottie przeciwko 6% na SVG. #lottie #svg #inkscape #animacja