Poor quality images from Export for Screens
Mac OS 10.13.5, Illustrator 22.1
Images from artboards containing embedded raster files output using Export for Screens are of decidedly lower quality than those output from Save for Web. Please see the attached image for a side-by-side comparison. Save for Web is on the left, Explort for Screens on the right. Top images are actual size, bottom enlarged for emphasis. Notice the jaggies in the raster images.
Apologies for the inconvenience caused to you due to this issue and getting back to you this late.
We are unable to reproduce this issue in house.
Can you help the Illustrator team to isolate this issue further so that we can nail this down?
If yes, then please let me know the following:
1) Is this Issue still happening on your machine in the Latest version 23.0.3 ?
2) If yes,Kindly provide some video , Test file(Via File→Package) & some steps with which you are facing issue and share with us at
ShareWithAI@adobe.com in a Zip file.
Please mention the title of this issue as the subject of the mail.
Thanks and Regards
mer C commented
In Illustrator 2021(25.2.3), the problem is reproduced when exporting JPEG images using "Export for Screens" via script instead of GUI.
• macOS 10.14.6
• Illustrator CC 2018(22.1.0)-2021(25.2.3)
Steps to Reproduce:
Open an appropriate ai file and execute the script in the [Code to execute] section to export JPEG image
• ExportForScreensType should be one of JPEG
• Specify AntiAliasingMethod.ARTOPTIMIZED for exportForScreensOptions.antiAliasing
The exported image has jaggies.
The exported image looks smooth, befitting an ARTOPTIMIZED image.
• Export the document manually, without going through any scripts
• Set ExportForScreensType to SE_PNG24
• Specify AntiAliasingMethod.TYPEOPTIMIZED for exportForScreensOptions.antiAliasing
Code to execute:
var exportForScreensOptions = new ExportForScreensOptionsJPEG() ;
exportForScreensOptions.antiAliasing = AntiAliasingMethod.ARTOPTIMIZED ; // <--trigger
var itemToExport = new ExportForScreensItemToExport() ;
itemToExport.artboards = '1' ;
itemToExport.document = false ;
var doc = app.documents ;
doc.exportForScreens(Folder.desktop, ExportForScreensType.SE_JPEG100, exportForScreensOptions, itemToExport) ;
this problem is still exist now without a solution over the years.
Same problem in Illustrator 24.2.1. Other team members have same problem. This is a real problem in a high volume production environment. If anything, seems worse than previous versions of Illustrator. This problem makes the whole application almost useless.
I still have the same problem in AI 24.2.
Please fix this issue.
Yeah right they can't reproduce this. The same thing is happening o me, export for screens saves time but you sacrifice image quality!!! the aliasing is so bad.
The "Art Optimised" anti-aliasing method used in Export for Web is poorer than Save for Web. The only current work around is to do each image manually. The problem seems to be that it's always outputting Text-optimised even when art-optimised is selected in the settings.
While Export for Web is much faster, it's unfortunately not usable for a range of images.
Illustrator 24.0.1 / macOS Catalina 10.15.1
Hi there, I have just sent an example file for review.
Perhaps unrelated, but the GPU preview mode also suffers from the same quality issue. (I.E. GPU preview mode displays the images differently than the older software rendering mode.)
I have put together a demonstration file and video of the problem in action. Attached herein.
Note: The problem applies specifically to JPEG output.
1. Create new illustrator file
2. Place raster image
3. Resize raster image to be smaller size
4. Export for Screens, using JPG output
Compare this to Save for Web and Export for Screens: PNG output.
Zip file of everything is here (because this service does not allow ZIP files.): https://www.dropbox.com/s/q6y61f4fz2eclao/Sample%20File_Folder.zip?dl=0
having this issues also - really jagged edges on images when outputting through export for screens and save for web. NOT GOOD!!
Egor Chistyakov commented
I have the same problem:
See how sharp edges of aloe are and how rotated raster flower is jaggy, compared to right picture.
Don't you dare kill Save for Web, Adobe. Don't put Legacy on a working tech.
This problem essentially makes Export for Screens useless in any professional setting (e.g. Including a product photo). My workaround is to export at 4x in EfS and resize to 1x in a separate raster package.