: Adobe Illustrator png exported colors are off despite color management turned off, why, and how to fix it? The issue I am struggling with can be described by the following steps: Create new

@Kimberly620

Lack of color management does not mean the image is not managed. No color management means the image is set to sRGB*. It would be MUCH better to color manage it with your systems settings or set to sRGB. You'd get the same result and it would actually mean something to other devices (that now will proceed thinking it is sRGB and color manage accordingly)

Anyway if you really intended the system not to manage you need to tell it you dont expect the image to be sRGB. Save for Web will by default assume your doing sRGB images. Next to the preset box in save for web dialog there's a menu, in it check that the option convert to sRGB is not checked.

Please note that this will result in a image that might or might not do what you want **. The end result is unpredictable. This is because software fall in 2 camps. Those that assume unprofiled images are sRGB and those that do not. So your image now displays in 2 ways. Neither of which do what you think they do on other systems.

As a alternative approach set the document to color manage, but set it to sRGB then no conversion happens.

* This is the definition today, has been for more than 10 years now.
** Most likely what will happen is you think it worked, but then down the line you notice it didn't. That is unless your suing a highly custom production pipeline.

Vote Up Vote Down

@Shakeerah625

When creating new Illustrator documents and targeting devices, create them with sRGB color space. For further understanding about color spaces, see e.g. here: fstoppers.com/pictures/adobergb-vs-srgb-3167
Assuming you already have an Illustrator document with no color management, add it:


Under Edit/Color Settings, select Europe Web/Internet. This should entail the sRGB color space. Also select Missing Profiles: Ask when opening.
(Re-)open the document. It will detect missing profile and pop-up a dialog. Assign 'Display' here since you've been working with Display rgb values.
Colors should appear correct.
Select Save for Web&Devices. There, if optimization is turned on ('Art Optimized'), which is necessary for proper antialiasing, the Preview shows wrong colors. This is because the color values in the file and the working space are still different and for Preview purposes the application is not doing all calculations properly. Don't be surprised about this, just click Save.
Colors in the exported png should appear correct.


(joojaa's comment was great help in figuring this out, Thanks!)

Vote Up Vote Down