Browser color management problem

[ManuelJ]

Hi,

I'm facing some problems with browsers and color management. I have saved the JPG with the ICC profile, but I'm seeing wrong color management in the photographs saved with PI.

Please take a look at this photo with Explorer and with Chrome, for example.

In Explorer looks fine, but in Chrome looks horrible and posterized.

https://www.flickr.com/photos/8220234@N03/22484793387/in/album-72157655986839001/

What is wrong here?.

Regards,
Manuel.

[Juan Conejero]

Hi Manuel,

You have embedded a monitor profile in your image (FP241W). This is usually a bad idea for web deployment, since most web browser applications have deficient color management support. In this case, most browsers (including Firefox) simply cannot apply a valid transformation from the color space defined by your monitor profile.

If you want to be sure that your images will be well represented by all browsers, always transform them to the sRGB IEC61966-2.1 profile space for web deployment (beware: there are wrong sRGB profiles out there; make sure that you use a profile with the 'sRGB IEC61966-2.1' name). Use the ICCProfileTransformation process in PixInsight. Embedding the sRGB profile in image files is good practice nowadays, although strictly not required, since sRGB is the default color space of the WWW.

[ManuelJ]

Damn, that explains all!.

It would be a good idea to apply that conversion while saving the file as JPG as an option.

[lucchett]

Hi,
Completely agree with Juan .
Even if you embed the right Srgb profile you could have issues due to the browser.

I may be wrong but this is what I realized a couple of month ago:

Explorer: not color aware, if you use a profiled monitor you don't get any conversion. Very bad for people with wide gamut monitor .

Edge: same as above. It is a bit strange that MS launch a new browser, still not color aware...

Firefox: color aware but requires custom setting of color management property, in advanced setting. See link below for details.

Chrome: not sure but could be like Firefox

Safari: Apple knows the color theory...

In the end, all people seeing from wide gamut monitors can see over saturated pictures.
One trick to check is to develop the image for Srgb but not embed the profile. It seems that the last 3 browsers convert to  Srgb if no profile is found.
I think this is also what Juan said.

More details here:http://www.gballard.net/psd/go_live_page_profile/embeddedJPEGprofiles.html

Andrea

[RickS]

Here's a handy test image to check if your browser is doing colour management: http://petapixel.com/assets/uploads/2012/06/S2fzq.jpg

If colour management is working correctly you should see a yellow car, otherwise it will be purple.

Cheers,
Rick.

[lucchett]

Funny,
It seems my iPad retina is not working well.
Purple car.
That's strange because it proved to be my most reliable device up to now...

It seems the IPad is not color managed but has a very precise Srgb display.

[msmythers]

That is an interesting picture Rick. On my PC with both Firefox and Chrome it shows yellow . On my Nexus 7(2013) tablet with the latest Android 6.0, in Chrome it shows purple . I don't have IE installed on my PC to try.


Mike

[Luigi]

On my iOS devices (iPhone 6s and iPad 3) the car is purple.
On my OSX machines  (2015 13-inch MacBook Pro and 2015 27-inch iMac) it is yellow.

Browser is Safari on all.

Things that make you go .. hmmmmm ....