Extra pixel added to image size when exported
When I use "Export for Screens" export option to batch-export artboards many of the resulting JPGs are a pixel larger vertically and/or horizontally that the artboard dimensions within Illustrator. For example I exported a dozen images with artboard sizes of 1200px wide and 1200px high. After exporting the resulting JPGs have a dimension of 1201px wide and/or high. This only happens on some of the exported files and only some of those are effected vertically and horizontally.
Mac OS X Mojave 10.14.4
This issue is probably happening because the artboard dimensions are not appropriate for raster export (i.e. are in decimals).
If you make x and y values as the whole numbers in the transform panel (not in decimal), then the extra pixels will not be added to the exported image.
That is the workaround, and it’s reported that it’s not always the case.
At the same time — Ai knows the size of artboards to be exported and yet it does not deliver the set sizes, which is not fair. The team is going to rethink the algorithm.
Christian Zagarskas commented
Here is a VIDEO proving the problem exists and how to recreate it
Problem: when exporting a specific size, lets say 1000x1000 px square 1:1 ratio, Illustrator creates an image that is off by 1px (width/height, or both)
make an artboard that is 1000x1000 pixels, NUDGE the artboard on the screen so the X/Y coordinates begin to use decimal places. Export the artboard, you will see that the greater the offset of the X/Y coordinate the more the deviance of the W/H, up to 1 pixel.
This causes problems when using media in applications that have strict settings for sizes.
Irrespective of wherever my artboard is placed on the screen my explicitly set size should be honored/enforced during the export.
Alyson DM commented
Manually going and checking the exact positioning or dimensions of each artboard is not very efficient. If the artboards could ONLY align to an exact pixel position, that would solve this issue. I don't know why there would be the option to use a fraction of a pixel anyways. This issue is one of the reasons I now use Adobe XD.
Dylan Liddell commented
So annoying, just had to go through a bunch of images and take a pixel off the size to fit a template i was exporting as.
We need a fix to this. Option to align to whole XY coordinates or just make it pixel perfect anyway.
Many times when exporting an image file, Illustrator creates a blurry line near the edge of the image, even if the design extends all the way to the edge. Sometimes an extra pixel is added to the exported file. This is because the artboard is not set to a whole number intersection (XY coordinates having decimals). You can re-align your artboard to a whole number intersection to avoid this, but it can take a very long time to do manually when you work with multiple artboards. A solution would be an option for snapping the artboard to whole XY number intersections. This will ensure perfect pixel exports and you don't have to worry about it anymore. To me this is more of a bug than a feature request. Exports should ALWAYS be pixel perfect!
Kaspars Kursišs commented
The issue is especially bad, since artboards are by deafult very often positioned on a decimal location when creating them, resulting in unavoidable "rounding error" when exporting. A fix would be very welcome, if not prolonged, since the issue is arround at least since 2013 (explained here: https://logosbynick.com/illustrator-exports-1-pixel-more/)
Might I suggest a temporary alert to the user, so that we don't submit final files with the wrong dimensions to suppliers and clients?
When I export an ai file in jpg I noticed that the exported file has 1 pixel more in both dimensions.
Of course I could do something wrong, but I think it's a bug in the program.
Matt Loftiss commented
In illustrator when "exporting as png" files are 1px too large. Temporary solution found was “save for web” as png.
Probably won’t be necessary when main problem gets fixed.
Making X and Y values whole numbers doesn't work for me. I still regularly get extra pixels (screenshot attached). There's no reason in my case why Illustrator should be adding that extra pixel.
Illustrator frequently exports artboards with extra pixels.
I always ensure the artboards are positioned on whole pixel values (check the screenshot), yet this doesn't seem to help.
Note that this happens when you use the Export For Screens option, but not if you use the Legacy save for web.
Michał Kowalik commented
Hi. I have a different working solution ✔ Picture atach.
"Save for Web" does not not have this issue.
Spas Genev commented
Exporting PNG files with the "Export for screens" adds additional pixel in both width and height values. I don't see a logical explanation, it shouldn't be the bleed option.
Adobe Illustrator (Desktop) 25.2.3
When saving banner ads in illustrator individually (Save for Web Legacy) the files come out the right size. When batch exporting with 'Export for Screens' some of my ads end up with 1 extra pixel on width. Normally nobody would notice this, but my ads can't be used when they have just 1 extra pixel. So for now, I have to manually export each one. Please fix this bug, as it costs me extra time now.
Video here: https://youtu.be/n3sM9o1OK4U
Kaja, make sure that your artboard’s coordinates (X, Y) are integer.
Kaja Bergseth commented
OS Name Microsoft Windows 10 Home
Version 10.0.19042 Build 19042
OS Manufacturer Microsoft Corporation
System Manufacturer HP
System Model OMEN by HP Laptop 15-dc0xxx
System Type x64-based PC
Processor Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz, 2208 Mhz, 6 Core(s), 12 Logical Processor(s)
Illustrator 25.2.3 (64-bit)
Steps to reproduce (not consistently happening though?):
- Make artboard in Illustrator 4096x4096 (or other power of 2 canvas)
- Make something on it
- Export for Screens, export artboard, png filetype
- BUG: Exported .png has the dimensions 4097x4096 in Properties->Details
- Import to Unity
- Upgrade MaxSize compression to 4096
- Inspector now says the file can't be compressed because it isn't in the right format (it is now 4096x4095)
- File compresses correctly and stays as 4096x4096.
- The expected result seems to work fine if exporting from Illustrator with "Save for Web"
On a Mac I'm seeing a similar issue. Creating an art board that is 167x167 and Illustrator is exporting out 168x168 PNG.
PDF export size is perfect.
Playing fractional units becomes a little more bizarre with the width of 167 working if I'm using 166.1 but using the same value for width still results in the width being 168. Something totally wrong with PNG Export of an artboard.
Tried pixel perfect and adjusting sizes to pixel boundaries.
When I export a black square with Asset Export to a png file. the file has a white border. With previous versions of Illustrator this didn't happen. Now I have to check and change every file in photoshop.