Page 1 of 1

[SOLVED] A client who insists on Safari compatibility...

Posted: Wed Mar 14, 2007 4:30 pm
by superdezign
Does anyone know why this would happen?

Image

I'm sure that image won't be up forever, so hopefully someone knows why this is happening. The logo on the right is incorrectly colored. The actual image is the same color as the background. It's not a GIF or a PNG, it's a JPEG. Why would this happen? Does Safari attempt to correct colors....?

Posted: Wed Mar 14, 2007 4:34 pm
by Xoligy
A viewable site would make it a lot easier. My guess it because its background is seemingly a gradient, it's positioned too far down and so the background appears different.

Posted: Wed Mar 14, 2007 4:43 pm
by superdezign
My apologies, but unless you have a Mac, the link is useless anyway. The image shows fine in Internet Explorer, Firefox, and Opera, but apparently Safari does not display correctly.

I know very little about Safari other than it being known to be very buggy.

By the way, a useful link:

BrowsrCamp - View your website in Safari for free.

Posted: Wed Mar 14, 2007 4:57 pm
by Kieran Huggins
PNG does gamma correction that can interfere with colours matching up - is your BG a PNG?

Posted: Wed Mar 14, 2007 5:13 pm
by superdezign
Nope, JPEG all the way, which makes it so strange.

At first I thought (and still kind of think) it may be the BrowsrCamp emulator, but it's producing consistent results.

Posted: Wed Mar 14, 2007 6:40 pm
by superdezign
Well, after working on a different site, I cleared my head and looked further into the problem and, eventually, forced a solution. JPEG files are victims of Mac's color management Safari's color management (or lack of... I'm not sure from what I've read).

Apparently, Macs use different gamma values than PCs, causing Safari's developers to make an attempt to cope for it, I assume.


Anyway, my solution was to save the JPEG as a PNG file. It was literally the last thing I would even consider attempting, but the lack of alpha channels (that weren't 100%) seemed to solve the problem, though it takes a bit longer to load than it's JPEG equivalent.

Posted: Wed Mar 14, 2007 9:56 pm
by Kieran Huggins
PNGs are excellent for images with high repetition and small colour pallets (screenshots!) - they're lossless and compress very well in these situations.

PNG is gamma corrected so it may not match the HTML/CSS colour codes you intend it to across platforms.

Also, PNG should NEVER be used to compress photos for the web - the file-size would be enormous.