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

Need help with Photoshop, the GIMP, Illustrator, or others? Want to show off your work? Looking for advice on your newest Flash stuff?

Moderator: General Moderators

Post Reply
User avatar
superdezign
DevNet Master
Posts: 4135
Joined: Sat Jan 20, 2007 11:06 pm

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

Post 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....?
Last edited by superdezign on Wed Mar 14, 2007 6:40 pm, edited 1 time in total.
Xoligy
Forum Commoner
Posts: 53
Joined: Sun Mar 04, 2007 5:35 am

Post 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.
User avatar
superdezign
DevNet Master
Posts: 4135
Joined: Sat Jan 20, 2007 11:06 pm

Post 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.
User avatar
Kieran Huggins
DevNet Master
Posts: 3635
Joined: Wed Dec 06, 2006 4:14 pm
Location: Toronto, Canada
Contact:

Post by Kieran Huggins »

PNG does gamma correction that can interfere with colours matching up - is your BG a PNG?
User avatar
superdezign
DevNet Master
Posts: 4135
Joined: Sat Jan 20, 2007 11:06 pm

Post 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.
User avatar
superdezign
DevNet Master
Posts: 4135
Joined: Sat Jan 20, 2007 11:06 pm

Post 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.
User avatar
Kieran Huggins
DevNet Master
Posts: 3635
Joined: Wed Dec 06, 2006 4:14 pm
Location: Toronto, Canada
Contact:

Post 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.
Post Reply