Export for Screens: bad antialiasing and jagged edges for rotated images when exported to JPG
Illustrator 24.0 - Windows 10
- Create a new document
- Import a JPG image inside the artboard
- Rotate the imported element -25º
- Go to File > Export for Screens
- Select the scale 1x and the format JPG 100. Also, verify in the settings that JPG100 has the Anti-Aliasing "Art-Optimized (supersampling)" checked.
- Export the file.
- Go again to the artboard and press File > Save for web
- Select format JPG with good quality (at least 80%), and "Art-Optimized".
- Click "save"
- Open both images and compare them, the one exported with "Export for Screen" looks jaggy and with low quality, but the one exported with "Save for web" looks alright. The expected result should be that both looked fine.

-
Carlos Morales Quirós commented
This is Still happening on version 28.0.0, and yes Carrie, this happens with any image format, not only JPG....
I just hope they never remove the legacy save for web, that'll push me look for other program to work with. -
Carrie Keymel commented
Having the same issue as Carlos but with pngs as well. Any linked image that's angled exports with horrible jagged edges when using export for screens. This has only become an issue for me recently.
-
Carlos Morales Quirós commented
still happening... the angled images look terrible with export for screens. If use Save for Web they look perfect. This happens no matter the AA optimization, resolution, angle, or format of the linked images. If they are rotated, export for screens will distort them.
-
sjacobs@hawthorneadvertising.com commented
Thanks. Email sent.
-
There are two options then:
1. You can replicate this problem with a different document, using the different art. If it makes the same result — please share.
2. You can share these sensitive files with the team directly, by sending them over to sharewithai@adobe.com — in this case share the link to this report for them to track it (http://illustrator.uservoice.com/forums/601447/suggestions/46840543)
The thing most of times the export result is worse because of a certain combination of factors. It does not always behave like this 100% of times, that’s why test files (and the settings!) are important to have and know. -
sjacobs@hawthorneadvertising.com commented
I'm not sure I can post the files, as it's client work that is still in the process of going live.
But the exports from "export from screens" have very apparent pixelated edges (especially on placed images (PSDs, PNGs, etc.) within the illustrator artboards.
When exporting each file individually using "export as" or "save for web," and selecting "art optimized" the output (JPGs and PNGs) is rendered much smoother.
-
Export for Screens uses a different, much faster algorithm — but it has it costs. It does not mean it can’t be made better, but it has to be investigated with some data at hands. Can you please provide A) the original test file, B) the results Save for Web makes and you are happy with, C) the images Export for Screen makes?
-
sjacobs@hawthorneadvertising.com commented
Using Export for Screens (art optimized) does not produce a good quality result (.jpg).
Using "Export as" and/or "Save for Web" using the same parameters WILL produce a quality .jpg with proper anti-aliasing.
The problem is that we need "Export for Screens" to work properly, so we can export multiple dartboards with proper naming simultaneously.
PLEASE FIX!
-
sjacobs@hawthorneadvertising.com commented
THIS IS STILL AN ISSUE! lame.
-
Dan Elleson commented
Adobe, how is this still not fixed in 27.4 ??
The "art optimized" is not working for JPEG exports. PNG export works as expected. The setting for my "JPEG 100", "JPEG 80" etc has been set to "Art Optimized" but it makes no difference. The JPEG exports are no good. They come out as "Type Optimized", as if they were made in Deluxe Paint in 1990.
See attached examples.
-
Carl commented
L'exportation en format JPEG altère la photo si elle est modifiée (tournée ici) dans Illustrator. Ne se produit pas si j'exporte en PNG.
-
Peter commented
I thought I'd post an update as I've had the opportunity to test this on a new machine.
Unfortunately I can confirm that Export for Screens -> JPG still exports as Type Optimized (hinted) even when Art Optimized (Supersampling) is selected.Exporting to PNG however produces the correct results.
-
Peter commented
Hi, please find the sample file attached.
To reproduce the error use the Export for Screens tool, and select JPG output (in the configuration panel ensure that the output anti-aliasing is set to Art Optimized)
The visual errors are highlighted by the arrows.
-
Peter, please provide the test file that results this image when exported and exact settings you use to export it.
-
Peter commented
Images from artboards containing embedded raster files output using Export for Screens are of decidedly lower quality than those output from Save for Web.
This is being reposted as it has been closed erroneously by Adobe admins.
Notes for Admins: This is not a resolution export setting problem. This is also not a rendering intent problem (i.e. changing the anti-aliasing setting does not fix the problem.) -
Peter commented
Images from artboards containing embedded raster files output using Export for Screens are of decidedly lower quality than those output from Save for Web.
This is being reposted as it has been closed erroneously by Adobe admins.
Notes for Admins: This is not a resolution export setting problem. This is also not a rendering intent problem (i.e. changing the anti-aliasing setting does not fix the problem.) -
keith-o commented
Export for Screens' anti-aliasing is broken. Here is an example. I placed an image in a mask and rotated -30 degrees. On the left is the EXPORT FOR SCREENS result. On the right is "legacy" SAVE FOR WEB. EXPORT FOR SCREENS is still unusable in its current state.
I see on another thread about this, Ashutosh Chaturvedi from Adobe commented - asking for the file. This is completely reproducible with any image. Any progress here Adobe? This is a pretty serious bug, thats been around for a few years. -
mio commented
illustrator2020.
Jaggies appear in the JPEG image exported to the screen.
It does not appear in JPEG images exported for the WEB.
Antialiasing settings are great for art.
Jaggies are especially noticeable in rotated images.Thank you for your wonderful development.
-
Raymond Siri commented
Whenever you use export for screens, the antialiasing for "art" is not working and you get jagged edges on all images. This has been like that for a while. Please fix.
-
Anonymous commented
Also running into this, it seems to export using Type Optimized even when Art Optimized is set, if you use Save for Web and switch to Type Optimized you get the same jagged edges.