Known Participant

Question

Save for Screes vs Save for Web - color differences

Forum|Forum|5 years ago
January 22, 2021
2 replies
2173 views

Hello,

I am going through a difficult one here.
When exporting files using both methods I am getting different colour results (see picture).

Left side = Save for Screens as Png 24 bit, illustration optimized.

Right side = Save for Web as Png 24 bit, illustration optimized.

My original Illustrator files are set in Adobe RGB 1998, but when I turn it into sRGB the colours turn even darker and loses all brightness.

I am doing something wrong between my file and my export settings?
Or shall I work my colours using only HEX values so I see exactly what will happen?

Thanks!

This topic has been closed for replies.

Ton Frederiks

Community Expert

Save for screens will export using the document color profile (in your case AdobeRGB), but it does not include a profile. Other applications (wrongly) assume that sRGB is the profile and show the wrong colors.

Save for web converts to sRGB by default (as Doug pointed out) and includes the profile (which will be ignored by Illustrator when you place the result.)

Adobe RGB is not a good profile to use when the destination is web or mobile, sRGB is the better choice.

Mr CurieuxAuthor

Known Participant

Hey!

Thanks for your quick replies both of you.

@Doug A Roberts
Yes, that what I thought, Save for Web is indeed converting it in sRGB and this is the better colour result.
@Ton Frederiks
Great thanks for the concrete explanation, this gives me a better understanding.

I am working in Adobe RGB because I assumed that this is the colour profile that gives the better colour gamut in general (especially in Photoshop). But the images that I am exporting from Illustrator are aimed at being used on webshops, websites and Instagram (most of them).

Here is below a screenshot of what I see on Illustrator when switching from sRGB to Adobe RGB.
Surprisingly, the sRGB view appears grey-ish, but the numbers do not change.

Doug A Roberts

Community Expert

Adobe RGB does have a greater gamut than sRGB, but you're creating assets for platforms that probably won't support that gamut.

Doug A Roberts

Community Expert

Can you post the image you intended to share? It's not in the post.

Mr CurieuxAuthor

Known Participant

Hello @Doug A Roberts

Sorry, I thought it worked in the first post, I did something wrong. But here it is!
Both images are loaded into a chrome tab.

Left = using export for screens.

Right = using export for web.

Thanks for your help!

Doug A Roberts

Community Expert

Is Save for Web perhaps converting to sRGB?

Can you run through your exact workflow including why you're using Adobe RGB and at what point you're converting to sRGB? Also give the original colour values of something in that example -- the magenta perhaps?

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