When doing web design I try and always save JPG images in Photoshop without the color profile embedded, otherwise if they are next to a GIF or PNG image, or even another JPG with no icc profile, or a different icc profile, the browser will render the color differently.

Here is an example, where the hover state of the nav2 item is a different image, and it is showing up with a slightly different background color:

enter image description here

I have Chrome, Firefox, and Safari installed and they are all rendering this navigation menu just fine for me, but the image above is a client's screenshot using Firefox.

How can I get my browser to behave like hers?

I installed the Color Management extension for Firefox. I've tried selecting different options and different profiles.

enter image description here

However I still can't reproduce the behavior for this particular site. What am I doing wrong?

If I go to this site, and look at the first set of images, I can see that they do look different (at least if I'm using the settings in the screenshot above).

enter image description here

How can I reproduce this odd behavior so I can test for it?

Update: This might be related to OS X 10.5 ?

link|improve this question

feedback

Know someone who can answer? Share a link to this question via email, Google+, Twitter, or Facebook.

Your Answer

 
or
required, but never shown

Browse other questions tagged or ask your own question.