[anonx]

I created a PNG image in Photoshop for a friends site and matched the background color using the same websafe color code from the CSS file. In FireFox, the image matches up perfectly, but when displayed in Safari, the PNG is dark and does not match the background. Here is a screen shot:

http://anonx.spymac.net/colorprob.jpg

I am not a pro at this at all. Can someone tell me what i'm doing wrong?

Thanks - Branden

[Millennium]

Which platform did you create the image on? I suspect that the problem has to do with Safari using PNG's built-in gamma correction on the image, but not on the CSS colors. Firefox doesn't correct either one, so while its rendering is technically incorrect the problem isn't noticeable. Safari should either correct both or not correct either one.

[registered_user]

Safari is smart enough to use the file's embedded color profile, and the other browsers aren't.

There was discussion about this in another forum recently.

I would do one of two things in this scenario. Either make the background transparent so matching won't enter, or save as a jpeg or gif without a color profile embedded.

[Millennium]

Originally posted by registered_user:
Safari is smart enough to use the file's embedded color profile, and the other browsers aren't.

The problem is that it's smart enough to correct the image, but not smart enough to correct the CSS. That's why the color difference is noticeable.

Whether you ignore gamma or correct it, things will look OK as long as you're consistent about it. The problem is that Safari isn't consistent. Mozilla actually corrected everything consistently for a while -this was in the days before Firefox- but Mac users complained about images being "too dark" so they removed the feature.