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.
-
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.
-
Anonymous commented
Hi there this is a problem and is happening still... any news on a fix adobe?
-
Roy commented
I'm having the exact same issue as well. This is pretty bad that it continues through so many versions.
-
Craig commented
Same issue here...
-
Anonymous commented
When I export a JPG from the "Export for Screens" dialog at any resolution (I usually do 300dpi), placed raster graphics have a jagged edge. The same artboard exported at the same resolution with the same anti-aliasing settings using File > Export > Export As turns out nice and smooth.
Note: neither "Type Optimized" or "Art Optimized" settings help. Resetting AI preferences did not help.
Operating System: macOS Mojave and Catalina (happening on two different systems)
Steps to Reproduce:
1. Create an artboard in Illustrator
2. Place a raster image with curved edges such as an oval, especially if it's rotated slightly
3. Export the artboard as a JPG at 300dpi using "Export for Screens"Expected Result:
Nice smooth JPG that looks like my artboard, like "Export for Screens" used to produce.Actual Result:
JPG with jagged edges on placed raster images.The attached JPG was exported with "Export for Screens" and shows the jagged edges.
Here is a link to a .zip file containing the original AI file, placed PSD graphic, and two exported JPGs. JPG 01 was exported with "Export for Screens" and JPG 02 was exported with File > Export > Export As.
https://drive.google.com/file/d/178DVhjV7IOXdqGsPziG6huguhWU0LDxS/view?usp=sharing
-
Anonymous commented
When I export a JPG from the "Export for Screens" dialog at any resolution (I usually do 300dpi), placed raster graphics have a jagged edge. The same artboard exported at the same resolution with the same anti-aliasing settings using File > Export > Export As turns out nice and smooth.
Note: neither "Type Optimized" or "Art Optimized" settings help. Resetting AI preferences did not help.
Operating System: macOS Mojave and Catalina (happening on two different systems)
Steps to Reproduce:
1. Create an artboard in Illustrator
2. Place a raster image with curved edges such as an oval, especially if it's rotated slightly
3. Export the artboard as a JPG at 300dpi using "Export for Screens"Expected Result:
Nice smooth JPG that looks like my artboard, like "Export for Screens" used to produce.Actual Result:
JPG with jagged edges on placed raster images.A .zip file is attached with original AI file, placed PSD graphic, and two exported JPGs. JPG 01 was exported with "Export for Screens" and JPG 02 was exported with File > Export > Export As.
-
Chris Schmidt commented
I have same issue with Adobe Illustrator 2020 24.0.1
Windows 10 x64It only happens when I try to export as JPG 100, but does not happen with PNG