Wrong exported image size (extra pixel added) if artboard coordinates are non-integer, not pixel-perfect
In attached AI file there are 1 artboard if you just export it for Screens you will get an image size 105px × 104px, however in AI it's sized as 104x104px.
Check that X coordinate of artboard is 172.34 px, so it's float. Just change it to 172px and re-publish and image will be 104x104.
So, coordinates of artboard should affect into output PNG image.
Also, should be related too:
https://illustrator.uservoice.com/forums/601447-illustrator-bugs/suggestions/20530969-export-for-screens-adds-extra-pixels-at-to-exports
AI 21.1.0 macOS
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.
-
Bern Leckie commented
When exporting an artboard set to 512x512 pixels precisely, the resulting PNG file at 1x resolution comes out as 513x512 pixels. (This sounds not too bad, but causes ugly scaling artefacts on import to Wordpress.) I'm using Illustrator 27.5 on MacOS 12.6.5.
EDIT: Silly me, I hadn't found the other comments here (thanks mods for redirecting) - and making the X and Y integer values worked. Obvious development request: could new artboards generated by Ai be given integer coordinates by default? -
Peter Furstenberg commented
Since upgrading to Illustrator 27.2 assets exports at the incorrect size. The exporter adds additional empty pixels around the asset.
1. Create a new document.
2. Create a square exactly 200x200px (Only happens when xy coordinate is not a perfect pixel)
3. Add asset to the Asset Panel
4. ExportThe result for me is a 201x201px asset with an extra pixel to the right and bottom.
Other assets (I've tested) export 213x214 px, 201x211 pxAttached is another asset that completely exports wrong.
(macOS Ventura 13.1 (22C65))
-
Slingshot Design commented
For many reasons I want my images for web to be an exact size.
When I have multiple artboards and use the Export for screens option, most of the time the images that are outputted are a slightly different size to my artboards.
For example if an artboard is 1440 x 690 the image outputted might be 1441 x 691. Or sometimes just one of the dimensions will be wrong like 1440 x 691.
I can get around this for one artboard by double clicking in the corner of the rulers to reset the artboard x & y but any other artboards will still output at the wrong size.
For this reason, Export for screens has been mostly useless for me since it was first introduced and I still have to use Export > Save for web for every artboard.
-
Delos commented
Hi, I have the solution, it's almost this one.
In my side it's about the artboard position (X, Y), must be an integer.So artboard position or dimension, but yes this is annoying.
Thanks. -
Delos commented
Bonjour, exemple:
Une illustration dans un plan de travail qui fait 240px de large.
Si mon plan de travail est par exemple positionné: x:10.458 et y: 5.879
J'exporte en png, mon fichier fera 241px.
Je repositionne mon plan de travail: x:10.00 et y: 6.00
J'exporte à nouveau et mon ficher fera bien 240px.C'est un problème qui existe depuis plusieurs générations, et c'est embêtant quand on fait de la précision pour du web.
Merci. -
This is rubbish. I've been fighting with extra pixels for years. It got better, but these still happen occasionally.
Izabela, can you please share the file which results this (especially 8px!)?
The content is not that important, I believe, just artboards.Put it here in the comments or send it over to sharewithai@adobe.com if you don’t want to do it publicly (then please state the link to this report for better tracking — https://illustrator.uservoice.com/forums/601447/suggestions/45798424)
And please provide the exact steps you are performing: which export method, which settings, etc. Maybe record a video even, or a GIF — this would help developers to jump to this sooner.
Thanks! -
Izabela commented
Illustrator is adding pixels when exporting:
My artboard is pixel perfect, it is positioned well and Illustrator is adding 1 pixel to it's width
Yesterday it added 8pixels to the lenght of a file.
I cropped it off in Photoshop, but it is annoying that it is changing the intended file dimensions when exporting and adding an extra step to the workflow. -
Marcos G commented
Pudiste resolverlo? Tengo el mismo problema
-
Creatividad commented
Google translate: The same thing happens to me, when we have many work tables at different sizes, I add that although the pixels are perfect in the work table, the image exports are either at 1x or 72dpi, most of the cases do not match the size of the table working and there is no way to export exactly the size it should go.
Me pasa lo mismo, cuando tenemos muchas mesas de trabajo a diferentes tamaños, añado que aunque los pixeles sean perfectos en la mesa de trabajo, las exportaciones de imágenes ya sean a 1x o a 72ppp la mayoría de casos no concuerda con el tamaño de la mesa de trabajo y no hay manera de exportar exactamente el tamaña que debe ir.
-
Christian Zagarskas commented
I have a similar problem
Example:
https://youtu.be/irc6URkO3fM
Note - by deleting the decimals from the X/Y coordinates I have been able to resolve the problem, but we should not have to "delete" the decimal places of X/Y coordinates if we have set an exact size -
Christian Zagarskas commented
I have the same problem
Example:
https://youtu.be/irc6URkO3fM
Note - by deleting the decimals from the X/Y coordinates I have been able to resolve the issue but I should not have to do that, and its especially a problem when exporting/rearranging 100's of small artboards with icons and very specific APP development media that needs to be exact sizes.I guess my report here is a duplicate, so I upvoted and added a video here
https://illustrator.uservoice.com/forums/601447-illustrator-desktop-bugs/suggestions/44989069-ai-26-1-artboards-do-not-export-and-proper-size -
Christian Zagarskas commented
Here is a VIDEO proving the problem exists and how to recreate it
https://youtu.be/irc6URkO3fMProblem: 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)
To recreate:
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.
Expected Behavior:
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.
-
Hans, your previous request about the same issue has been merged into a more general one. This one has to be merged as well. Why do you keep posting this as a separate request? To bring some attention to it and not to the main one, and dilute the applied focus? :)
-
Hans commented
We need a fix to this. Option to align to whole XY coordinates or just make it pixel perfect anyway.
-
Hans commented
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. We need a solution to ths. Exports should ALWAYS be pixel perfect even though XY coordinates are not whole. Make it snap or make it pixel perfect anyway.
-
Hans commented
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/)
-
Anonymous commented
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?