Export for Screens: bad antialiasing and jagged edges on images within (especially rotated) when exported to JPG
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, Export for Screens on the right. Top images are actual size, bottom enlarged for emphasis. Notice the jaggies in the raster images.
Mac OS 10.13.5, Illustrator 22.1
-
Export for screens - AA setting is NOT honored.jpg 740 KB -
Save for web legacy - AA art opt'd setting IS honored.jpg 646 KB -
Export for screens setting that is being ignored by Illustrator.png 43 KB -
the embedded and rotated hi-res raster images, seen within Adobe Illustrator.jpg 619 KB -
Screen Shot 2023-03-28 at 09.00.15.png 232 KB -
ImageComparison.jpg 2320 KB -
TestLayout_Overall_01.jpg 605 KB -
lowQualityExportScreens02.jpg 593 KB -
Illustrator bug 3.png 1637 KB -
ImageComparison.jpg 2320 KB
Karl Letcher
shared this idea
-
Peter
commented
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.)
-
Peter
commented
Hi,
I have put together a demonstration file and video of the problem in action. Attached herein.
Note: The problem applies specifically to JPEG output.Reproduction steps:
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
-
Simon Demeule
commented
Using export for screen with resolution greater than 1x creates nasty shearing on rotated images. See attached file. It looks like there is no interpolation at all. The source file is much larger than the output file, as you can see in the illustrator window, so this should not be an issue.
-
Anonymous
commented
having this issues also - really jagged edges on images when outputting through export for screens and save for web. NOT GOOD!!
-
I have the same problem:
https://imgur.com/a/8tvtFXg
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.
-
Peter
commented
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.
