A little over a year late so I’m sure y’all already figured it out but it’s likely your frame rate probably set at 30fps. If you are making an raster-based Lottie JSON export it at like 8fps, Plenty smooth for animate on scroll type interactions and a reasonable file size. I have a 1920x1080 JSON file consisting of a 22 second animated 3D product rendering where it’s rotating, exploding to reveal the insides, etc. This file created 170 uncompressed JPG frames totaling approx 50mb. Other than the frame rate, here is the other trick and I figured this out myself I may have even invented it lol. CONVERT YOUR UNCOMPRESSED JPG FRAMES TO .WEBP FILES with 75% compression using “Squoosh”, you will have to do it manually one file at a time but whatever it’s so worth it. THEN… run those .webp files through BodyMovin instead of the JPEG files and prepare to be amazed. The end result is a 170 frame JSON at 1920x1080 with stellar image quality and smooth (enough) animations with a final file size of:… 5.6MB !!! I’d post the link here but it’s a new product we are launching in April so I’d probably get in troubvle putting it on the internet prior to our big launch. I’m telling ya tho,… frame rate + .webp + Body movin and you are good to go! Hope this helps someone!
1 Like
Hi Keal!
You wrote: “… run those .webp files through BodyMovin instead of the JPEG files.”
How on earth do you import webp images into BodyMovin (or After Effects)? I’ve tried everything, but AE (and also LottieFiles Creator app online) don’t accept webp files !!!
What’s the point here?
Please tell me/us exactly what you have done to achieve your result!