Skip to main content
acbee
Known Participant
January 25, 2020
Answered

Color Sync

Hi,

I am exporting from AI an artboard and saving it as png. When I place it in the same document the colors are different.

I checked in bridge, the color settings are synchronized..

What could be the cause? 

Thanks for response

angelika

This topic is closed to new replies. Start a new post to keep the conversation going.
Ton Frederiks
Ton FrederiksCorrect answer
Community Expert
January 25, 2020

If you work in CMYK documents, you can change your color settings temporarily to sRGB when you want to export to png.

The problem is that Illustrator uses the RGB working space (in your example eciRGB) to convert your CMYK to a png file, but other applications assume (see as profile) sRGB and display the wrong colors.

Changing your RGB working space (temporarily) to sRGB wil correct this.

You could also solve the problem in Photoshop, but that is adding a couple of steps to get it right.

You can open the png file in Photoshop, Photoshop will see an sRGB profile. You can correct it by selecting Edit > Assign Profile and choose the eciRGB profile. After clicking OK you can select Edit > Convert to Profile and choose sRGB as destination space. That will make your file an sRGB document as most applications expect from a png file.

17 replies

Ton Frederiks
Community Expert
Community Expert
January 25, 2020

It looks like the old Export > Export > Save for Web (legacy) exports it correctly and has the option checked to convert to sRGB when saving as PNG.

Translate
Ton Frederiks
Community Expert
Community Expert
January 25, 2020

Angelika, good to hear you found this helpful.

I also think that you found a bug.

The PNG specification supports color management and ICC profiles, but Illustrator does not embed the current RGB working space profile that is used for the conversion to RGB, but lets other software (like Photoshop) believe that sRGB is used.

You may report it as a bug here:

https://illustrator.uservoice.com

Translate
acbee
acbeeAuthor
Known Participant
January 25, 2020

ok, Ton Frederiks, I will do so. Thanks!!!

Translate
Ton Frederiks
Community Expert
Community Expert
January 25, 2020

Yes, there will be a difference in color when saving a CMYK document as RGB.

But what makes it worse is when your RGB working space (in your example eciRGB) is used.

It will export using eciRGB, but browsers and Photoshop will assume sRGB as the profile.

I recommend to use sRGB in your Color settings before exporting your CMYK document to png.

 

Translate
acbee
acbeeAuthor
Known Participant
January 25, 2020

do you mean that I should also work in sRGB?

 

Translate
Ton Frederiks
Community Expert
Ton FrederiksCommunity ExpertCorrect answer
Community Expert
January 25, 2020

If you work in CMYK documents, you can change your color settings temporarily to sRGB when you want to export to png.

The problem is that Illustrator uses the RGB working space (in your example eciRGB) to convert your CMYK to a png file, but other applications assume (see as profile) sRGB and display the wrong colors.

Changing your RGB working space (temporarily) to sRGB wil correct this.

You could also solve the problem in Photoshop, but that is adding a couple of steps to get it right.

You can open the png file in Photoshop, Photoshop will see an sRGB profile. You can correct it by selecting Edit > Assign Profile and choose the eciRGB profile. After clicking OK you can select Edit > Convert to Profile and choose sRGB as destination space. That will make your file an sRGB document as most applications expect from a png file.

Translate
Jeff Witchel, ACI
Community Expert
Community Expert
January 25, 2020

If you're working in CMYK in your AI file and export to a PNG, the color could change. PNGs are RGB only, so the color can shift.

Translate
acbee
acbeeAuthor
Known Participant
January 25, 2020

what do you recommend?

 

Translate
Monika Gause
Community Expert
Community Expert
January 25, 2020

Which document color mode is the AI file?

Which color profile is associated with it?

Which is your working profile for RGB?

Translate
acbee
acbeeAuthor
Known Participant
January 25, 2020

the document color mode is cmyk

Translate
Monika Gause
Community Expert
Community Expert
January 25, 2020

Well, there you are.

If your goal is to export your design to the web, then work in RGB color mode using the color profile sRGB.

Translate
Ton Frederiks
Community Expert
Community Expert
January 25, 2020

Is your document color profile the same as your working space in your Color Settings?

Check the bottom of your document.

Translate
acbee
acbeeAuthor
Known Participant
January 25, 2020

yes it is

Translate
Monika Gause
Community Expert
Community Expert
January 25, 2020

Can you please give us details?

And screenshots would be cool.

Translate