Safari displaying wrong colors?

I read an interesting article sometime back on color profile handling by browsers. Quite scare! Try Saving for Web and don't include the color profiles. This way Safari should match the #767676 in the image to the #767676 of the background. Seems to work for me

I've only seen this issue with PNGs, seeing the wrong color in all browsers except Safari (there is a good reason for this and it is mostly hardware side... Safari corrects the output before it gets to the graphics card). This is a new one for me, and I'm going to guess that you are saving color profiles inside of the image, which is likely to cause the problem.

If not, can you give us a link or example of where this is happening?

Also, there is nothing wrong with using GIFs for images that are simple like the image that you are showing above. GIFs are actually great for small and simple graphics like that (though I would prefer to use PNG if it were supported better).

Wow, never seen that before.

Save for web, and make sure when you are saving as a gif. Try bumping the qual to 256, or jpeg 100 to debug.

Thats my guess..never had that happen to me before..it is a gif right?

Just saw, you use png. That explains it, use a gif..

I have this problem too and it drives me completely out of my mind. SOOOOO irritating.

whocares said:

I read an interesting article sometime back on color profile handling by browsers. Quite scare! Try Saving for Web and don't include the color profiles. This way Safari should match the #767676 in the image to the #767676 of the background. Seems to work for me

Click to expand...

This is what is happening. I remember that article as well. Although I think that it dealt mostly with PNG files, the problems can extend to JPEGs too. Try his suggestion and see if that makes a difference.

The same thing was happening to me on my livejournal, it was driving me crazy. Thanks for figuring this one out.

Mike Teezie said:

I made a little space to put a few pictures I made with my new camera.

I made some buttons and a little banner in Photoshop. I selected a grey color to use for the background, #767676.

I made that color the background in the body of my css.

For some reason, Safari is displaying the grey color of the jpgs darker than they should be. IE and Firefox display them fine.

Could a setting in Photoshop be wrong? Or is this a Safari issue?

Click to expand...

An alternative would be to use a solid colour block JPG BG image rather than using a RGB BG colour -- that way the browser is rendering the same image type for the foreground as the BG.

And like kgarner says, never, ever include profiles with a web graphic.