When u add gif in figma site it loads in preview but when you publish its not loading
Solved
Gif not working in published figma sites
Best answer by Celine_
Hi everyone! I checked with our engineering team, and it turns out this issue can occur when a GIF exceeds the size limit.
Figma supports GIFs up to 50 megapixels, calculated as: (width × height × number of frames) / 1,000,000 ≤ 50
If your GIF is over that limit, try reducing its size and uploading again. Hope this helps!
I am also having the same issue. The webpage refuses to load them.
Hi everyone! I checked with our engineering team, and it turns out this issue can occur when a GIF exceeds the size limit.
Figma supports GIFs up to 50 megapixels, calculated as: (width × height × number of frames) / 1,000,000 ≤ 50
If your GIF is over that limit, try reducing its size and uploading again. Hope this helps!
we need to bump that number up. a 1280x720 gif (for say our Hero bg) puts us at 921,000 before calculating any frames.
So either we need to bump that number up or add an autoplay+loop for .mp4 files
This supported size is ridiculously small, this basically makes any gif unusable in Figma Sites (unless it’s like a 2 seconds quick flicker, anything beyond that is bigger than what Figma supports)
For a product as big as Figma, this is unacceptable.
Aside from the supported Gif size being ridiculously small and pretty much useless, it would at least be nice to include some better error handling. I ended up publishing my site and had to revert because they load fine in the site preview but show up as broken images in the live site. There is no mention of a file size limit or error message in the UI. This is bad UX!
we need to bump that number up. a 1280x720 gif (for say our Hero bg) puts us at 921,000 before calculating any frames.
So either we need to bump that number up or add an autoplay+loop for .mp4 files
Honestly this is a make it or break it kind of functionality… If the site can’t handle low frame gifs, I doubt that it can handle many other things…
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.