Known Participant

Question

Rough Edges on JPEG with new "Export for Screens" - Illustrator 2020 heartbreak

Forum|Forum|6 years ago
January 9, 2020
9 replies
19434 views

Hi all,

First, I have to say a big thanks. The export speed for JPEGs using the "Export for Screens" option has increased from around 30 seconds to nearly instantaneous for me on AI 2020. This, along with background export, was one of my top requests and I am so grateful that it's been added.

Next, a story of heartbreak. For many of my exports using this method, I now get jagged edges, especially on round edges and especially at angles. Please see attached examples. The file "TestLayout_Overall_01.jpg" was exported using the new "Export for Screens" dialog and has jagged edges on the oval shape. These jagged edges are not present when exporting from File > Export As, but this latter method takes much longer to export, particularly for large artboards which I use frequently.

So, is there anything I can do to make the jagged edges go away? I am using "Art Optimized" in both places and exporting at 300dpi in both places. Is this an anti aliasing issue?

Help! I'm in love with the new export window, but the jagged edges are stabbing me in the heart.

Y

YoPeGo

Participant

Desperately needing help on this issue.
As you can see in the image below, when exporting an image on an artboard in any way I get this unwanted effect on the end result exported images - lines that are not straight are cut into jagged edges and it makes the end product look like a cheap low quality image when in actual fact the original is just fine.

Increasing artboard size is not an option as I am exporting sizes specifically for social media where you cannot change the dimensions. This (exporting at higher px sizes) does however curb the effect of these jagged lines but still, even exporting at 4x PNG size the jagged lines still show up, albeit much less than before. Working in the industry means I cannot afford to have these exports being wonky / jagged. This only started recently after an Illustrator update.

This also happens when exporting as JPG.

If anyone has encountered this issue please let me know how you fixed it.

Before export inside of illustrator:

After PNG Export:

Ton Frederiks

Community Expert

Your images have a resolution of 96 ppi.

If I export them at that resolution, with Art Optimized anti-aliasing they look fine.

What are your export settings?

Y

YoPeGo

Participant

Thanks for the Reply -
The anti-aliasing option was already ticked, but for the sake of testing I took it off now and it seems to be exactly the same. the images exported are no different from one another when the option is ticked or not. That makes me wonder if its not working correctly somehow?
I did try exporting at 96ppi as you suggested, the image looked better than before - however that changes the pixel size of the exported image so I can't use that for social media exports.

I usually export at 72ppi. Doing so was never an issue until now.

A

Anubhav M

Community Manager

Hello everyone,

Our team is aware of the problem and is currently investigating it. Would you mind upvoting UserVoice for this feature request (https://adobe.ly/43Q82Dn) and adding your comments there? Doing this will help us prioritize this request, and you will be notified of any updates.

For now, try using the Save for Web option, and let us know if it helps.

Feel free to reach out if you have more questions or need assistance. We'd be happy to help.

Anubhav

NormanStormin

Known Participant

I have been trying to export some selections of an Illustrator document as PDFs.

These have raster effects like Drop Shadows applied to parts of the image.

I select the relevant elements of the image, then use "Export Selection".

As expected, I get the interface and can select my export file type. I choose PDF.

In the Settings for the exports, I have gone to the PDF section and selected{Illustrator Default], [High Quality Print], or [Press Quality] or even a custom PDF preset I made when I was trying to troubleshoot.

My Document Raster Effects Settings is set to 300ppi, with anti-aliasing turned on.

I export the PDF, and open it in Adobe Acrobat.

At that point all the raster effects are blocky and terrible looking.

When I look in more detail using "Use print production" it tells me that the resolution of the images is 72dpi.

If I use Export as... and export the entire artboard, then the images show as expected. Smooth shading and so on.

And "Use print production" in Acrobat tells me the raster iamges are 300dpi, as expected.

I cannot find any indication that a raster needs to be set separately for "Export for Screens" etc.

Can anyone confirm the same problem?

Thanks

Doug A Roberts

Community Expert

Yup, I get the same result. All of these use High Quality Print with downsampling for over 300 PPI on.

Top file is Save As PDF.

Middle file is Export for Screens, using just the asset.

Bottom file is Export for Screens using the artboard.

I would expect all three to appear the same. I'll see if I can find an existing report.

J

João32629836ck7d

Participant

I have an image in my composition that is slightly rotated and when I export it, it seems to create lines that distort the image. I've exported these same images before and they didn't give me this result, but now they do and I've already updated Illustrator once and nothing has changed.

I'm going to leave these images so that you can better understand what happens in the export (img1) and what should be as it is on the Illustrator artboard (img2).

img1 - export error

img2 - correct on illustrator

Can someone help me?
Thanks.

Brad @ Roaring Mouse

Community Expert

What are you exporting to, and how? What are your settings? What is your rotation angle?

In the meantime, what I suggest is you rotate the image first in Photoshop where you have more control over it.

J

João32629836ck7d

Participant

I don't really want to rotate all images previously in photoshop because im doing all the design work in illustrator and it will consume more time to rotate the image in photoshop and send it to illustrator or export the art work without the image and just work the image in photoshop. I would prefer to alert adobe for this possible bug so we can have that solved.

F

fradia

Participating Frequently

I know it was discussed in some other threads but the answers didn't quite fix my issues:
I noticed there is a really big quality difference between the two export possibilities "save for web" and "export for screens" - anti-aliasing-wise. Unfortunately I could not figure out how to solve it even if I tried to change as recommended:

I did align my artboard to the pixel grid.
I've changes my JPG-Settings (JPG 100) in "export for screens" to "supersampling".

Even the JPG file size is higher in the "export for screen"-version although it looks worse.

Settings for "save for web":

Settings for "export for screen":

I've already tried to change every single setting that is possible in the "export for screens"-JPG 100-Setting with no improvement.

Any suggestion? I really would prefer to use "export for screens" as I sometimes have a lot of named artboards to export and doing it with "save for web" takes longer - particulary because the naming of each file is required every time.

Thanks a lot for any ideas!

Ton Frederiks

Community Expert

There are anti-aliasing problems mentioned lately with export for screens and jpeg art optimized.

Did you try Export As?

P

phategy3212403

Participant

It's almost 2025, and this frustrating bug is still there.

The alternative way I'm using is to export as PNG format from the "Export for Screens" (Art-optimized setting) of Illustrator and then export that PNG once again into JPG format in Photoshop.

A

Anubhav M

Community Manager

Hello @phategy3212403,

I understand how frustrating technical issues can be. Our product team is aware of the problem and is working to fix it. Would you mind creating a UserVoice for this (https://adobe.ly/3V9cAPZ) and adding your comments there? Doing this will keep you notified of any updates.

Feel free to reach out if you have more questions or need assistance. We'd be happy to help.

Thanks,

Anubhav

J

Jean Carlos30478276sjs6

Known Participant

It's 2025 and the bug still here.

I'm using Illustrator v29.3.1 (64 bit).

Why is so hard to fix such a simple bug?

The "Export for screens" is ignoring the "Smooth Edges" setting in the JPG. This used to work a few versions ago.

This is not a DPI or file size/resolution! Illustrator is not applying the correct algorithym to smooth the edges of the images!

zorrillamonsoon

Participating Frequently

40 million years later this is still an issue. I don't get the options for art optimizes or type optimized, etc. IS there anyway that doesn't want any of their stuff looking good? I just had to place an illustrator file into indesign to get a decent jpg. Adobe Illustrator export options have gotten better, now we just need them to f*cking work LMAO

Srishti Bali

Community Manager

Hi @zorrillamonsoon,

I’m really sorry for the frustration this has caused. I understand how frustrating it can be to deal with a long-standing issue like this.

Our team is aware of the situation and is actively working on it. If possible, could you please share some sample files with us? That would greatly assist in our investigation. We might also reach out to some of you for more details if needed.

Once again, I apologize for the inconvenience and thank you for your patience.

Regards,

Srishti

Ton Frederiks

Community Expert

@Srishti Bali This is how to replicate it in 28.6
Place an image and slightly rotate it.
Export for Screens > JPEG 100 Art Optimized.
Using Artboards works fine, Using Assets they are horribly jagged and the Art Optimized setting is ignored. Embedded as well as Linked.

E

Eugenio23283613l3ha

Participating Frequently

This used to work just fine, but the last few months when ever I use"export for screens" the images are exported with distortions (See attachements). If I export the files individually it exports correctly . Which is fine when is just a couple of images but I need to expor 200+ banners so it takes more time to export than actually bulding the banners. Please fix this.

Monika Gause

Community Expert

When exporting which settings do you use in each of the methods?

I suppose when exporting the images one by one you do not use Export for screens, but instead ...?

E

Eugenio23283613l3ha

Participating Frequently

In "save for screens", I've tried, type otimized, art optimized, and none. All of them with and without interlaced, and all in jpg and png.

For individual ones, I do "save for web" type or art optimized depending on the banner. Sometimes jpg sometimes png24 depending on the size specs

Srishti Bali

Community Manager

Hi there,

Thanks for reaching out. Could you please share the actual Illustrator file from where you have exported this JPEG? Also, please confirm which JPEG option you are using?

Regards,

Srishti

BeardmancerAuthor

Known Participant

Sure thing. The test project can be found in the .zip file at the link below, since I can't find any way to attach a file on reply.

https://drive.google.com/file/d/178DVhjV7IOXdqGsPziG6huguhWU0LDxS/view?usp=sharing

I'm using JPG 100 when exporting via "Export for Screens." I can't say I have tried it with the lower quality settings.

Also, I forgot to mention, this seems to only affect placed raster images. When you open the file, you will see that the black oval is a linked PSD.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded