Best File Formats for 3D Animations on Your Website

·

Hey guys, my client has some animated 3D visuals they want to use on the site. Any suggestions for file format? mp4 has a weird background and doesnt match with the site, the apng is 11mb and webflow only allows 4mb. Just wondering what others do in this situation

7 comments

Matt J.
·
Can the 3D visuals be edited? Thinking the solution here is editing the background on them to match the site and keeping them in mp4 file format as that is likely the most common one. webm is another file format that you could try to compress down to. There are video compression tools similar to image compression tools out there as well.
James S.
·
Yeah the background can be edited but it just seems to come out as a slightly different color when exported. They’re going to try webm, didn’t even realize that was a format! 😅 we tried Lottie and it comes out really nice but it’s 14MB 😳 and we have 6 in total we need to use so that would get a bit hefty!
James S.
·
Thanks for the webm suggestion, if this doesn’t work I’ll have to figure out why the background colour isn’t matching even though it’s the same
Matt J.
·
yeah for sure
James S.
·
Matt J. I've got the webm file, do you know how I upload it to webflow? I might be being stupid but I cant get it to upload haha
James S.
·
Dw I figured it out haha its not an image has to be a video
James S.
·
Ty!