New Member

Solved

Pixelated image when exporting

Forum|Forum|3 years ago
June 8, 2023
30 replies
41939 views

Hello

I have to export a lot of assets for a client, can be several thousands. I noticed that when exporting, some assets still have that pixelated rendering that looks like progressive JPG. I’m quite sure this is because when exporting, Figma hasn’t finished loading all the HighRed images. So I tried scrolling through all my images at more than 100% zoom and waited for Figma to load the complete image when it wasn’t. Did that through all my assets, launched export, and it still had that pixelation on some of them. I think by the time I had scrolled through all my images, Figma just decided to go back to low res for some of them, which is not very nice… Do you guys have any idea how I could resolve this?

Thanks

Ask the community

This topic has been closed for replies.

Best answer by Celine_

Hey Mark,
The assets altogether shouldn’t exceed 4096 pixels in either direction. If either the x or y dimensions exceed 4096, Figma will resize the entire object proportionally to keep it within this range. Hope this clarifies!

(Also for visibility, I check on our backend on Vincent2’s case, here the response from our support team: this behavior is expected — the reason for the pixelation is because you’re hitting the browser tab memory limit, causing some exports to be “cut short”. Exporting chunks is the solution here, as is splitting your file up so you’re not exporting too much at one time to begin with.

This is a browser limitation, similar to a memory file limit, and isn’t something that Figma can’t alter at this time. )

Show previous replies

Manu_M2

New Member

great, that fixed it for me too
thanks!

marehovv

This is also coming out blurry for me, unless I export as a PDF. I submitted an issue.

M

Meredith_DETKO

same problem for me. When I export in PDF or SVG all good, no pixelation. When I export in png and jpeg it’s pixelated even in x4. I moved the images to a new blank workspace to see if it was a loading issue. What’s the deal?

L

Lin_Bele_Jacobsen

I also have this issue, and we are so close to launch…
This is so stressful! 😦

Mark_Anderson2

I’ve tried all the methods mentioned here with similar results. The odd thing is this, I exported a large 1440 X 1000 frame (case study thumbnail) and it is in perfect hi-res. But when I export a 390X4822 frame I get lo-res pixelation. Even if I go the PD\F etc workaround when I import it into Figma it is still the same poor quality.

So, I did a little copy and paste from my full iPhone frame into the stock 390 X 844 frame, exported that as 4X PNG, and imported it into my case study with perfect resolution. Back in December I did not have this issue and exported frames at 390 X 4008 with no issues. So, what is the exact frame size limitation to avoid this issue? And will it be resolved any time soon?

Thanks.

Celine_Solution

Community Support

Hey Mark,
The assets altogether shouldn’t exceed 4096 pixels in either direction. If either the x or y dimensions exceed 4096, Figma will resize the entire object proportionally to keep it within this range. Hope this clarifies!

(Also for visibility, I check on our backend on Vincent2’s case, here the response from our support team: this behavior is expected — the reason for the pixelation is because you’re hitting the browser tab memory limit, causing some exports to be “cut short”. Exporting chunks is the solution here, as is splitting your file up so you’re not exporting too much at one time to begin with.

This is a browser limitation, similar to a memory file limit, and isn’t something that Figma can’t alter at this time. )

johntk22

New Participant

Instead of exporting all the images at one time, consider exporting them in small batches. This can help in reduce the load on Figma and ensure all images are export successfully.

Pierre_Hatier

Hi,

I have the same issue here, any new solutions yet?

Or updates about when this problem will be fixed @Celine_Figma ?

Many thanks

Celine_

Community Support

Hi @Pierre_Hatier , as reminder you may encounter this issue of pixelation because you’re hitting the browser tab memory limit, causing some exports to be “cut short”. Exporting chunks is the solution here, as is splitting your file up so you’re not exporting too much at one time to begin with. This is a browser limitation, similar to a memory file limit, and isn’t something that Figma can’t alter at this time.

As explained, we generally recommend exporting your designs at a larger multiplier (2x) to create higher resolution exports and reduce blurry exports. Or, exporting your images in small batches as @johntk22 explained. You can read more here about the different export formats and settings we offer.

If you are still running into issue , we would like our support team to take a closer look at your issue, please reach out to our support team with a link of your file directly: Here’s the form
Be sure to use your Figma account email, include a link to the file, and share it with support-share@figma.com as en Editor, so we can take a closer look. Thank you for your help!

Pierre_Hatier

Hi @Celine_Figma, I understand that this can be a browser tab memory limit. Nevertheless, the memory usage of my file is 4% only, and the element I want to export is only a 970x250px banner. In this case, shouldn’t the export work fine?

Show more replies

Sign up

Login with SSO

Login to the community

Login with SSO