Image Quality Issue on Figma Site (PNG Looks Compressed After Publishing)
Hi everyone,
I’m having an issue with image quality on my Figma Site.
When I preview the page inside Figma, all images look perfect — crisp and clear with their original PNG quality.
However, after publishing and viewing the site via the live URL, the same images appear compressed or blurred, as if Figma Sites applied an automatic optimization or downscaling.
Here’s my published page for reference:
👉 https://tangchuan.figma.site/200%E5%90%8B%E5%B9%95%E5%B8%83%E6%B5%B7%E5%A4%96%E8%A7%86%E8%A7%89%E7%AD%96%E5%88%92
I’ve already confirmed that:
-
All images are PNG format, not JPG.
-
They look sharp in the editor and preview.
-
The compression only happens after publishing.
Does Figma Site automatically compress or optimize images when publishing?
If so, is there any way to keep full-resolution image quality, or disable compression for key visuals?
Would really appreciate any guidance or confirmation from the Figma team or anyone who’s solved this.
Thanks in advance! 🙏