Low quality with "Export for screens - jpg 100" in Illustrator

[elvencat11]

Hello,

I have been noticing that the export quality for the JPG 100 files in the "Export for screens" tool is really poor compared to the "Save for Web (Legacy)". I have updated my Illustrator to the last version (2020) but the problem persists. Rasterized text and diagonal lines are specially blurry and jaggy.

Is there any way to solve this? I have a document with lots of artboards and it is such a waste of time having to export them one by one with the Save for Web option just because the Export for screens is not working properly...

I have attached a comparison between the two JPGs exported:

Thanks in advance.

EDIT: I think it has something to do with the way "Export to screens" is exporting pixel images, as you see in the attached photo, in the "Export for Screens" the "1 gold medal" and the "MichaelBP" are both vector graphics (shapes and text without rasterization) and they look fine, but the "2 silver medal" "3 bronze medal", avatars, names, flags, "Guaranteed Prizes" and all other jaggy elements are part of a screenshot (a pixel image).

[manal shanableh]

To Export for screens, you can increese the res. and scale as you want, so you will have best quality.

 you can choose scale 4x for example, it will sacle the size 4 times and res. as well.

also you can choose best res. you need.

[elvencat11]

Hi! Thanks for the reply.

I have tried exporting the screen with more resolution (300 ppi) and with more size (4x) and it looks significantly better in both (although when you zoom in to 100% you can see they are still jaggy compared to the other vector elements), the problem is that I need these images to have particular dimensions and with this workaround the exported images are much bigger, so I would have to open each of them and rescale them again, being too much work if you have many artworks as I do in this document.

[GregGrey]

You have not checked the anti-aliasing option - "Art optimized" for JPG100

[elvencat11]

Hi! Thanks for the reply.

I have checked the settings and I had "Art optimized" for JPG 100 by default.

This are the exact settings I am using to export the images:

Although I have tried another combinations as well (checking Embed ICC profile, changing the compression method to Baseline (standard) and to None, changing the anti-aliasing to Type Optimized (Hinted) and to None) and I can't see any difference, it looks jaggy no matter which one I'm using.

[GregGrey]

Maybe Illustrator incorrectly imported settings from previous version. Try saving other export settings (e.g. Type optimized), export JPG and then return to the correct settings

[elvencat11]

Thanks!

I tried to do that but nothing changed. I also tried to create a new document, put the image inside, rotate it -25º and export it (just in case the other illustrator document was corrupted) but the problem persists: It is being exported jaggy with "Export for screen" and correct with "Save for web"(both with the "art optimized" option checked).

I have attached here the image just in case some of you want to give it a try, but it is actually happening to me with any rotated jpg image that I import to illustrator. It seems like the "Export for screen" tool is not applying the Anti-aliasing correctly. 

I have also seen that in the settings of "Export for screen" there is an "info" button saying that "Text anti-aliasing settings will not be honored", maybe this have something to do with what is happening but I have no idea of what that means or how to fix it.

EDIT: I have seen that "Export for Screens > PNG" works fine (with "art optimized" checked), but it also has de info button with the same text, so I guess it doesn't have much to do with why the anti-aliasing is not working with JPG 100.

[fozy89]

Hi there,

I have the same problem here. I ended up saving png and using Automator to batch convert. 

Did you find any solution to the problem?

thank you,

vasilis

[DanielBlazquez]

"Export for screens" in general has quite a few flaws and still has a lot of room for improvement. The quality of JPG files is even worse than "export for web" and generates much larger files. I recommend not to use it for that.

[ccrampton]

would it have something to do with the document raster settings?