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....?
Last edited by superdezign on Wed Mar 14, 2007 6:40 pm, edited 1 time in total.
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.
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.
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.
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.