Color Difference after monitor calibration

Started May 9, 2013 | Discussions
histogram Junior Member • Posts: 28
Color Difference after monitor calibration

Hi everyone;

I calibrated my monitor with x-rite i1 display. Later I export photos from lightroom as a jpeg /srgb then I upload these photos to web they are very different. Colours are very different.It's the same in photoshop. How can I solve this ???

digital ed
digital ed Veteran Member • Posts: 3,539
Re: Color Difference after monitor calibration

histogram wrote:

Hi everyone;

I calibrated my monitor with x-rite i1 display. Later I export photos from lightroom as a jpeg /srgb then I upload these photos to web they are very different. Colours are very different.It's the same in photoshop. How can I solve this ???

Look into color profile management, especially for web display. Google it. There is more than you can read in a week.

 digital ed's gear list:digital ed's gear list
Olympus E-1 Olympus E-3 Nikon 1 V2 Nikon D810 Nikon AF-S Nikkor 14-24mm f/2.8G ED +15 more
NewsyL
NewsyL Veteran Member • Posts: 5,735
Re: Color Difference after monitor calibration

digital ed wrote:

histogram wrote:

Hi everyone;

I calibrated my monitor with x-rite i1 display. Later I export photos from lightroom as a jpeg /srgb then I upload these photos to web they are very different. Colours are very different.It's the same in photoshop. How can I solve this ???

Look into color profile management, especially for web display. Google it. There is more than you can read in a week.

+1 to what ed says

This can be a huge can of worms.  You have to tell us more about your monitor - make & model - and if you've saved the file in the AdobeRGB space or otherwise.  It can also involve what mode your monitor is in, what browser you are using to view, did you save to an ICC v2 profile or an ICC v4 profile, etc etc etc so many worms.....

I suspect you may have a wide gamut monitor but confirm that for us please.

.

In this next link look at the sample images on page 4.  Your example on the right looks to be a bit muted like the middle image on page 4.  Note - I don't endorse or dismiss the product promoted in this document - for me it is simply a handy reference to color management visual effects.

http://www.portrait.com/Controlling_Wide_Gamut.pdf

.

Some reading....

http://www.gballard.net/photoshop/srgb_wide_gamut.html

http://www.gballard.net/psd/go_live_page_profile/embeddedJPEGprofiles.html#

http://cameratico.com/tools/web-browser-color-management-test/

http://www.slagermanphoto.com/blog/2010/09/22/windows-color-management-solution/

.

-- hide signature --

________________________
Newsy http://newsy.smugmug.com
.

 NewsyL's gear list:NewsyL's gear list
Panasonic ZS100 Sony SLT-A77 +1 more
OP histogram Junior Member • Posts: 28
Re: Color Difference after monitor calibration

NewsyL wrote:

digital ed wrote:

histogram wrote:

Hi everyone;

I calibrated my monitor with x-rite i1 display. Later I export photos from lightroom as a jpeg /srgb then I upload these photos to web they are very different. Colours are very different.It's the same in photoshop. How can I solve this ???

Look into color profile management, especially for web display. Google it. There is more than you can read in a week.

+1 to what ed says

This can be a huge can of worms.  You have to tell us more about your monitor - make & model - and if you've saved the file in the AdobeRGB space or otherwise.  It can also involve what mode your monitor is in, what browser you are using to view, did you save to an ICC v2 profile or an ICC v4 profile, etc etc etc so many worms.....

I suspect you may have a wide gamut monitor but confirm that for us please.

.

In this next link look at the sample images on page 4.  Your example on the right looks to be a bit muted like the middle image on page 4.  Note - I don't endorse or dismiss the product promoted in this document - for me it is simply a handy reference to color management visual effects.

http://www.portrait.com/Controlling_Wide_Gamut.pdf

.

Some reading....

http://www.gballard.net/photoshop/srgb_wide_gamut.html

http://www.gballard.net/psd/go_live_page_profile/embeddedJPEGprofiles.html#

http://cameratico.com/tools/web-browser-color-management-test/

http://www.slagermanphoto.com/blog/2010/09/22/windows-color-management-solution/

.

-- hide signature --

________________________
Newsy http://newsy.smugmug.com
.

My monitor is dell u2711 and it's wide gamut. I saved profile to ICC v2. I usually use latest version of Firefox. Thank you so much for your help. I wish I will find the solution.

Jim Cockfield Forum Pro • Posts: 16,333
That was Chrome, not Firefox

histogram wrote:

My monitor is dell u2711 and it's wide gamut. I saved profile to ICC v2. I usually use latest version of Firefox. Thank you so much for your help. I wish I will find the solution.

Your screen capture showed rendering in Chrome, not Firefox.

For better informed responses, I'd suggest giving a lot more information.

For example, the exact browser and version of it you're using, as not all browsers are color managed.

Some versions of Chrome have issues with color management unless you append info to the lines that start it ( enabling color management and/or disabling gpu acceleration usually works).

Personally, I've had good luck with color management working properly in the latest 26.x releases of Chrome.  But, in some cases, you may need to add some additional info to the line in the icon for it when looking at properties in order to make sure color management is working OK.   So, I'd give more specific information about the browser and version you're seeing an issue with if you want more help solving why a given browser may not be working correctly.

With Chrome, you can click on the icon on the right side and select "About Google Chrome" for more info about the version you're using.  But, I'd make sure you're using the latest 26.x release for starters, then go from there (as in some cases, you may need to change the way it's being started via the icon or start menu properties for color management to work properly).

With Firefox, that's usually not as much of an issue if you're using a newer version. But, in some cases, you may need to make sure color management is turned on, and using your system default monitor profile (and it can also be pointed to a specific .icc profile, even if it's not the default).  Of course, making sure Windows Color Management is using your new profile as the default does give you a better chance of more apps using it.  But, Firefox can work either way (using the default profile, or pointed at a specific profile).  I use a color management add-on for that purpose with Firefox.

Because you're using a wide gamut display, you need to make sure any image viewers you're using are also color managed and pointing to your monitor profile.  Otherwise, you're going to see over saturated colors (which sounds like what you're seeing now from the looks of that screen capture showing the image side by side in Chrome and Lightroom).

Others (with a standard gamut display) may see it OK, even if they're not using a color managed browser or viewer.   But, one of the drawbacks of using a wide gamut display is that images will appear to be over saturated unless you make sure the internet browser or image editing app you're using is pointed to your monitor profile and supports color management.

I'd give more info about the *exact* browser version you're using for starters.  I'd also post a direct link to the problem images so that members here can make sure they have an embedded profile (as just tagging them as sRGB alone may not work in some cases).  It will need to be uploaded to a site where other users can access it (as I see you were just viewing it from your local PC).

But, I suspect your issue is because you're using a version of Chrome that color management is not working correctly with.   I'd give more info on the exact version that screen capture was from, as well as giving a direct link to the image you're trying to render for better responses.

If the image really was converted to sRGB and has a valid sRGB profile embedded (which we could find out if you post a direct link to a problem image), then users with a standard gamut display would not normally see the over saturation problem it looks like you're seeing.

That's because when you use a wide gamut display, the rgb values will appear to be oversaturated unless using a viewer (internet browser, image editing/viewer app, etc.) that's color managed and pointing at your display profile.

My guess is that you're just using a version of Chrome that color management is not working correctly with (assuming you really have the new profile set as the Windows default, and the image you're viewing was converted correctly to sRGB and has an embedded sRGB profile included); as there have been some issues with Color Management working properly with Chrome (unless you modify the properties for the icon or menu entry stating it and add some parameters to insure color management works).

-- hide signature --

JimC
------

Jim Cockfield Forum Pro • Posts: 16,333
like it or not, using a wide gamut display...

Like it or not, if you use a wide gamut display, you're going to see over saturated colors if you try to browse images in viewers (internet browsers, locally installed image editors and viewers, etc.) that are not color managed.

That's just one of the drawbacks to using a wide gamut display (as the rgb values won't be converted properly unless you're using a color managed app, resulting in over saturated looking images)

The same thing applies to images converted to sRGB with an embedded profile, even though other users with a standard gamut display may see them closer to the way they look in color managed apps on your PC, even if they do not have a calibrated display.

Again, as mentioned in my last post, I'd give a lot more info, including the exact browser/version of it you're using, as there are some issues with color management using Chrome (since your screen capture was showing how Chrome rendered an image), and you may need to add some parameters to the menu choice for it in order to get color management working with some versions of it).

IOW, from a glance at your screen capture (showing the same image side by side in Chrome and Lightroom), it appears that Chrome was not setup correctly for color management (and/or the image wasn't tagged correctly as sRGB with an embedded profile).

How does the same image look in a newer version of Firefox or Safari?   Both have better color management features compared to Chrome.   If they look OK in Firefox and Safari, the problem is likely Chrome color management settings related (versus a problem with the way the image was converted to sRGB)

But, I'd also post a link to a problem image uploaded to a site so that others can look at it and check to make sure it's been converted to sRGB OK and has a valid embedded profile.

-- hide signature --

JimC
------

alantan Contributing Member • Posts: 603
Re: like it or not, using a wide gamut display...

hi,

I have exactly the same problem. Dell wide gamut monitor calibrated with colormunki.

Chrome V26 and firefox is fine but IE9 looks too saturated for tagged sRGB jpegs.

Is there anyway I can get IE9 to work for my dell wide gamut monitor? This problem seems to have been around since 2011. Surely, microsoft has fixed this?

-- hide signature --
 alantan's gear list:alantan's gear list
Nikon D700 Nikon D800 Fujifilm X-E1 Fujifilm X-M1 Nikon AF-S Nikkor 70-200mm f/2.8G ED VR II +3 more
Leon Obers Senior Member • Posts: 2,788
Re: like it or not, using a wide gamut display...

alantan wrote:
Surely, microsoft has fixed this?

I doubt, it still has it's flaws.

http://www.gballard.net/psd/go_live_page_profile/embeddedJPEGprofiles.html
http://www.gballard.net/psd/cmstheory.html
http://www.gballard.net/psd.html

-- hide signature --

Leon Obers

Mark1t Regular Member • Posts: 246
Re: Color Difference after monitor calibration

i think not the colors are different just the saturation is a litlebitt better on the first picture(which is opened in chrome)

steephill Veteran Member • Posts: 9,861
No, not fixed

And not fixed in IE10 either. There is really no excuse for Microsoft to be writing software that ignores their own colour management system built into their own OS.

-- hide signature --

Steve
www.pbase.com/steephill

dimsgr Junior Member • Posts: 26
Re: like it or not, using a wide gamut display...

alantan wrote:

hi,

I have exactly the same problem. Dell wide gamut monitor calibrated with colormunki.

Chrome V26 and firefox is fine but IE9 looks too saturated for tagged sRGB jpegs.

Is there anyway I can get IE9 to work for my dell wide gamut monitor? This problem seems to have been around since 2011. Surely, microsoft has fixed this?

-- hide signature --

hi,

is there a specific reason for you to use IE instead of firefox/chrome? If you worry how other people look at your images at their PCs while using IE I guess for the most part of them there will be no problem as most people have mainstream sRGB monitors

greets

tom graham Senior Member • Posts: 1,667
Re: Color Difference after monitor calibration

FWIW -

from - http://www.dpreview.com/forums/thread/3222510

part of the reply says, although not your exact setup, but as an example -

"I came across an interesting little article ( http://www.metalvortex.com/blog/2012/03/16/831.html ) about how to change the colour management in Firefox. Long story short, I changed the default colour management indicator from 2 to 1 and it worked! Now my images look as they do in Nikon CNX2 (I'd be interested in your comments about this article too)."

So many many variables that need sorting out.

Tom

ps- at least in Firefox 12,  an "about:config" in the address bar, then a search for "color" will bring us several hidden Firefox settings. Important one is - gfx.color_management.mode

Leon Obers Senior Member • Posts: 2,788
Re: Color Difference after monitor calibration

tom graham wrote:

ps- at least in Firefox 12,  an "about:config" in the address bar, then a search for "color" will bring us several hidden Firefox settings. Important one is - gfx.color_management.mode

As for todays Firefox version:

gfx.color_management.display_profile
More right to the line involved with this setting, you have to point to the monitor profile
In my case: C:\Windows\System32\spool\drivers\color\_Eizo_130411__87-78-100_h60_c46_sat0.icm
(Within the file-name I have written some important hardware settings of the monitor)
gfx.color_management.enablev4
This line indicates compatibility and usage of version 4 profiles
More to the right something like "user - boolean - false"
Do change that in true by double click to the line.
gfx.color_management.mode
Line to switch on and off and the way it is using color management
This has to be "user - integer 1" (one)
Even some special color rendering intents can be used (comparable e.g. as in Photoshop):
gfx.color_management.rendering_intent
Value 0 = "Perceptual"
Value 1 = "Relative Colorimetric"
Value 2 = "Saturation"
Value 3 = "Absolute Colorimetric"

By using a plugin, you can set these values also by the user GUI of that plugin:
<< Color Management plugin >>

-- hide signature --

Leon Obers

OP histogram Junior Member • Posts: 28
Re: Color Difference after monitor calibration

thank you so much for all information they are very helpfull. I read all of them and I learned many different information about color management. But I find the problem. It is not web browsers it photoshop. I looked other computers screen. Web browsers colors are true but photoshop and windows viewewr color de-saturated when I use color calibrated icc profile

NewsyL
NewsyL Veteran Member • Posts: 5,735
Re: Color Difference after monitor calibration

histogram wrote:

thank you so much for all information they are very helpfull. I read all of them and I learned many different information about color management. But I find the problem. It is not web browsers it photoshop. I looked other computers screen. Web browsers colors are true but photoshop and windows viewewr color de-saturated when I use color calibrated icc profile

LOL.... almost there!

Windows viewer is not color managed in most Windows OS - not sure about Win8.

With Photoshop it is likely a minor error on the color management page.

Maybe something here will point you the right way...

http://www.gballard.net/psd/cmstheory.html

http://www.gballard.net/psd.html

.

-- hide signature --

________________________
Newsy http://newsy.smugmug.com
.

 NewsyL's gear list:NewsyL's gear list
Panasonic ZS100 Sony SLT-A77 +1 more
tom graham Senior Member • Posts: 1,667
Re: Color Difference after monitor calibration - PS

You can change Photoshops color presentation on the monitor.

At least on my old CS2, you do - View - Proof Setup - Custom

Then comes a window named "Customize Proof Condition".  Within this window there is "Device to Simulate".   Click that arrow and there is a list of around 20 different different devices with there color profiles.

(Yes I still use CS2, does everything I want to do.  So PS with their new leasing plan for new versions can bite me).

Tom

OP histogram Junior Member • Posts: 28
Re: Color Difference after monitor calibration - PS

tom graham wrote:

You can change Photoshops color presentation on the monitor.

At least on my old CS2, you do - View - Proof Setup - Custom

Then comes a window named "Customize Proof Condition".  Within this window there is "Device to Simulate".   Click that arrow and there is a list of around 20 different different devices with there color profiles.

(Yes I still use CS2, does everything I want to do.  So PS with their new leasing plan for new versions can bite me).

Tom

Hello Tom. I can do it but I shoot raw images and editing in lightroom 4 after I put in cs6. Ligtroom 4 has a same probem of cs6. Sometimes I edit photos very long times then when I proofing in cs6 colors are changed I have to fix the color management of Photoshop and Lightroom.

Keyboard shortcuts:
FForum MMy threads