Hello everyone. I wanted to share a problem that I was having in hopes that someone could assist me. I’m sure that you were all just as excited as I was to learn about the latest Lottie Animation integration within Webflow, allowing you to import after effects compositions.
I’m currently developing a site for a client with the intent of using a lottie animation to play an image sequence animated in after effects. I’ve followed the instructions for exporting an image sequence from After Effects to Webflow to a T, minus the fact that i’m using a .PNG sequence because I’m using an alpha channel.
After exporting the sequence using Bodymovin, my JSON file comes out to almost 86mb, which is waaay too large to use on a web platform. In-fact, Webflow will not even import the file: no error messages, just completely ignores it.
A few things to note:
-My canvas size is only around 1000x900px.
-Im using an image sequence because the animation is very robust and uses the Puppet tool which is not supported with the bodymovin extension
- each .png image in the sequence is about 500kb.
I won’t bother attaching the read only links to my site, because it is not relevant in this case.