Hi all,
When i’m exporting to a JPG with a dark background, the export is adding 1px to its original size which then creates a thin white line top and bottom
Hi all,
When i’m exporting to a JPG with a dark background, the export is adding 1px to its original size which then creates a thin white line top and bottom
Hey there, thanks for reaching out and sorry for the trouble!
This is a bug for decimal exports that our team is aware of. These white lines appear when exporting a JPG that is positioned on a sub pixel value (i.e. any value with a decimal point). To prevent this from happening, ensure that the width, height, and/or X and Y positions are on full integer values before exporting.
Sorry this is not a sollution for me. The widht is 500px height 100px And the X and Y are 100. Also all the elements within the image have a integer value
Curious if this changes depending on what file type you export? If not I would file a bug report via the following form https://help.figma.com/hc/en-us/requests/new?ticket_form_id=360001744374&tf_1500005293441=generic_report
I’m having this problem as well. All elements are also within full integer values yet when I export the white border still appears.
My solution was to unckeck “clip content”. Hope it will work for you to. 🙂
Update: My solution was to remove/correct a drop shadow effect on an element within the frame that extended outside of the frame. I assumed the export would only show everything within a frame and not support any element outside of it. Hope this helps.
My issue was resolved by going through each section (of the whole page) one by one and there was a section having height of 880.17px. Once I adjusted the height to an integer it got solved.
If this isn’t fixed, still to this day, then why is there a thread that’s been closed and marked as “fixed” by you when it is still very much a bug we all face - that thread was from 2021???
Still not fixed, Dec 19 2024. This has been an issue since the day we started using Figma in 2019. Sure would have hoped to have seen this addressed by now…
Not any of these solutions working for me.
Sorry this is not a sollution for me. The widht is 500px height 100px And the X and Y are 100. Also all the elements within the image have a integer value
I had the same problem, here’s how i resolved it:
Create a new frame with the desired size (exactly what you need, not +/- px). Then, you can copy-paste the graphics from the frame that has the export error to the newly created frame, just don’t copy-paste the whole frame. I noticed if you copy-paste / duplicate the frames is when the exported error happens, be it with one line top, bottom, two lines on the sides, etc. Double check in the preview area, and export.
I started having this problem when i was duplicating frames in order to change titles, and nothing else helped me.
Hope this will help, even though its been months since you posted.
Cheers,
Florin
Seems like the bug is still out there. Social posts are literally live right now with white lines in carousels for several clients.
We’ve used the ‘Fill’ option to fill the carousel artboards with images. In Figma it seems alright.
In Photoshop you can see a transparant line..
Hey
As user Ian_Palmgren said, and I quote, “please unmark this is as “Solved”? While forcing exact integers is a workaround, the issue is still not solved. Figma should round down”. I’ll repeat it once more for you, bolded, “Figma should round down, when sub-pixel levels are detected, not round up, which results in the white lines, that is the solve here.”
PLEASE help us. PLEASE.
Helllllo—still having this issue. I work for a large client on social media and we cannot use Figma for our social posts anymore. Super disheartening to see what seems like a simple issue not being resolved (and quite frankly ignored).
Especially with allot of users using Dark Mode right now the lines are even more visible than ever. We’ve had Paid Ads running with white lines
Temporary solution: There are Figma Plugin that fixes this Figma bug, they’re called Clean Document and PIxel Perfect. They fix your artboards’ X and Y’s to full numbers. This solved it for our clients.
And for what reason would a user want to place an artboard on X 0.5 and Y 0.5 anyway? Can we fix this in an update asap to full numbers? X1 Y1, X2 Y2 etc.
The amount of work I’ve been able to do in Figma has reduced significantly. One solve is to download (and unfortunately pay for) the SCRL app. All the workarounds above still do not work.
Hi there! I think I’ve found a simple solution to this issue. I used the crop tool to extend the image box by one pixel in all directions, and that seemed to resolve the problem.
At first, I only extended the side where the line was appearing, but that didn’t help. Then I tried extending the opposite side, and that did the trick. My theory is that the opposite edge is wrapping around by one pixel, which causes the line to appear.
Hmm, I wonder if this is a good solve for continuous carousel frames that can’t afford to have a weird crop/split.
Hmm, I wonder if this is a good solve for continuous carousel frames that can’t afford to have a weird crop/split.
True, the image may become one pixel larger, but if that pixel is transparent, you won’t notice it—especially if it’s being overlapped.
In my example, I noticed a line on the right side after exporting. So, I extended the left side by one pixel, and that resolved the issue. Technically, you don’t need to expand all sides—just the side opposite the line.
(The left side of the image before extending was touching the image wall which was probably the culprit)
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.