Why do my photo's change color

When I post my photo's on my website and leave resizing turned on they drastically change color. Or at least it appears that way when I use chrome. When I use IE they always look off.

Here is a link to an original: http://fotro.be …ost-246/full/Maaike1s.jpg
And this one is scaled: http://fotro.be …ies/post-246/Maaike1s.jpg

In chrome these look very different. when I download them to my pc they both look exactly the same (like the original). It appears as if something happens to the color profile. Is there any way I can verify what happens here and any way to prevent it from happening?

I'm exporting my jpg's for my website from lightroom 5.

I'm using wordpress with the photocrati theme on top of it if that helps. I assume gdlib is being used in the background but I can't confirm that nor do I know which version is used.

I have nothing helpful to offer, except that in IE, they look exactly the same to me. In Chrome, there is a slight shift towards red in the second link. I don't know that I'd call it drastic, though. It may be drastic on your computer. Just saying that it's not on mine.

Make sure that you are exporting the images from your editing/management system using the sRGB colour space. It sounds to me as if you are using something else, maybe AdobeRGB? Most of the web is not colour managed (and neither are most OS provided image viewers) and everything defaults to expecting sRGB.

Alan

More than likely your Chrome browser does not have the color management enabled. There are several sites on the Internet that allow you to test this. One of those sites is http://www.gballard.ne​t …embeddedJPEGpro​files.html

I agree that it sounds like you are embedding the images with an aRGB profile. It is safest to use the sRBG profile for anything you post to the web. But, even if you change your uploaded images to have the sRGB profile you probably also want to solve the problem with Chrome not viewing the correct profile anyway. I personally use Firefox with it configured to view both aRBG and sRBG depending on which one is embedded.

Nogo wrote in post #17529473
More than likely your Chrome browser does not have the color management enabled. There are several sites on the Internet that allow you to test this. One of those sites is http://www.gballard.ne​t …embeddedJPEGpro​files.html

I followed that link and checked my Chrome Browser. The image with the embedded profiles all looked the same, so my color management is enabled in Chrome. If I understand correctly, what you're saying, his two images should also look the same. Yet, the resized image has a red shift. Am I understanding correctly? What else would cause this, or are we still looking at color management?

Export in sRGB, not AdobeRGB.

Thanks everyone for trying to help. I am in fact using sRGB so no problem there. I also looked at the profiles page to see if my browser color management is on and it is. Yet my clolors on the images are off.
Does anyone have any experience messing with gdlib? I'd like to see if there is any way to tweak its settings.

The resizing your web server is doing is probably stripping the color profile.

Yup.

It likely is, question is then, how do I configure it so it doesn't do that?

alphatrix wrote in post #17541784
It likely is, question is then, how do I configure it so it doesn't do that?

Don't let your webserver resize the images for you would be the simple answer.

Alan