Safari Colors

[ityler]

http://ityler.net/

Would someone tell me why the background of the header-image is appearing differently in Safari but not Firefox or any others I've tried?

I'm having this problem on multiple pages I've designed.

I've looked around a bit and I can't find any relevant articles. Any help is appreciated.

Thanks.

 

[iMeowbot]

header.jpg has an ICC profile attached. Safari will respect that, most browsers will ignore it.

On a locally saved copy of your page, I opened header.jpg with GraphicConverter, saved back out with the ICC profile turned off in the save dialog, reloaded the page in Safari, and the problem went away.

 

[ityler]

Thank you for your quick reply.

Why is Safari the only browser to respect the ICC profiles and do you think other browsers will eventually go this way or will Safari change?

 

[iMeowbot]

Thank you for your quick reply.

Why is Safari the only browser to respect the ICC profiles and do you think other browsers will eventually go this way or will Safari change?

There is some explanation here from the WebKit (Safari) team about what they were hoping to accomplish with color spaces, and why it doesn't really work so well.

A quick summary: the idea was to make images look the same on Mac and PC, even though each uses a different default color space. This doesn't work very well because some image types (Web colors themselves, GIF images, etc.) don't really have proper color spaces. It should be possible to force the browser to add one, but plugins will still do their own thing, so no matter how hard they try, it will be ugly.


Just to add a bit: A good plan is to remove profiles if you need an image to match other elements on the page like backgrounds, and to include an sRGB profile if the image doesn't need to match the page (so that Safari and uncorrected Windows browsers will display "true" colors).