PDA

View Full Version : Panther vs Jaguar - Safari web page color differences?


ITMediaCo
Dec 29, 2003, 05:44 PM
I finally completed my site only to find colors not displaying properly on what seems to be only Panther-based machines.

Here are some screenshots:
PC Running XP with IE 6 - background matches images
http://misc.itmediaco.com/colorpost/ie6.JPG

PowerMac with Studio Display CRT running Jaguar and Safari - background matches images
http://misc.itmediaco.com/colorpost/Jaguar_Safari.jpg

Powerbook running Panther and Safari - colors are displayed incorrectly
http://misc.itmediaco.com/colorpost/Panther_Safari.jpg

This seems kind of odd. The problem doesn't occur in Mozilla or Opera on Mac or PC. I was at an Apple Store the other day and tried it on a G5 with a Cinema Display and the colors appeared incorrectly.

Anyone else encounter this problem with Panther?

thanks!

MacBandit
Dec 29, 2003, 06:28 PM
Give us a link to that page on your site so that we can see how it works on our own machines.

FattyMembrane
Dec 29, 2003, 10:38 PM
i've noticed a similar problem with the color of some png images, except that safari is the only browser to render it correctly (this is not affected by panther/jaguar). i'm not sure if it's an issue with gamma or not, but most png images i use in designs (all pngs with translucency) render lighter in mozilla/ie than they do in safari. the colors are correct in photoshop, but once they're exported, safari is the only browser to display them properly. is this just a gamma issue, or perhaps some kind of colorsync calibration deal?

ITMediaCo
Dec 29, 2003, 11:48 PM
Originally posted by MacBandit
Give us a link to that page on your site so that we can see how it works on our own machines.

Sorry about that... I thought you could get it from the screen shots.

http://www.roboraiders.com

ITMediaCo
Dec 29, 2003, 11:50 PM
Originally posted by FattyMembrane
i've noticed a similar problem with the color of some png images, except that safari is the only browser to render it correctly (this is not affected by panther/jaguar). i'm not sure if it's an issue with gamma or not, but most png images i use in designs (all pngs with translucency) render lighter in mozilla/ie than they do in safari. the colors are correct in photoshop, but once they're exported, safari is the only browser to display them properly. is this just a gamma issue, or perhaps some kind of colorsync calibration deal?

I tried recalibrating the Powerbook display, but it didn't make much of a difference. It just dawned on me... maybe Panther is sensitive to web-safe colors (which these are not)... Not sure.

In any case, I submitted one of those bug reports to Apple, not that it means anything :/

MacBandit
Dec 30, 2003, 02:12 AM
Originally posted by ITMediaCo
Sorry about that... I thought you could get it from the screen shots.

http://www.roboraiders.com

Sorry about that I probably could have but was busy earlier and didn't think to look.

I took a look and it's pretty even to me. If you look very closely you will see the difference but I wouldn't have noticed if I didn't know about it.

This is with 10.3.2 and Safari.

mnkeybsness
Dec 30, 2003, 02:37 AM
on the contrary: 10.3.2 with safari

Rower_CPU
Dec 30, 2003, 04:08 AM
I can see a slight color difference on a PC using IE 5.5, too.

As far as I know, modern browsers should handle non-websafe colors just fine. If you've got the right RGB code in there, the only thing that comes to mind is a gamma difference on people's systems.

Are you grabbing the actual RGB value from the Flash file or image, or are you visually matching the colors?

Wardofsky
Dec 30, 2003, 07:59 AM
Mine looks like every elses here.
I use a different calibor which uses D50, "standard for graphics".

mnkeybsness
Dec 30, 2003, 11:10 AM
the images are clearly darker than the background:

background : 7D7D7D
image color : 6A6A6A

my theory is that safari is rendering the image the way it's really supposed to be. when i downloaded the bg-top.jpg image from safari and opened it, i got the color reading at the top. when i used camino, mozilla, IE, opera, it all looked as you intended it to look, but when i downloaded a "correct" image from there, i got the same color reading as from the safari image.

conclusion: neither of the above colors for the images or background are websafe colors (http://www.webreference.com/html/reference/color/websafe.html). i have a feeling that the only way to make it work is to go back and fix everything.

when i wrote my website, not too long ago, my main priority was to make it look nice across all browsers and platforms. so with that goal, i knew that i had to use all websafe colors in it.

ITMediaCo
Dec 30, 2003, 11:45 AM
Thanks for everyone's help! It seems the best solution would be to build an alternate Non-IE 6 version that fixes the color problem as well as the other div layer bugs, etc.

MacBandit
Dec 30, 2003, 12:36 PM
Originally posted by mnkeybsness
on the contrary: 10.3.2 with safari

That's really bizarre as I have the same system and safari version and it displayed correctly on my machine. I agree that they are in fact different colors but only slightly. I do use SuperCal to calibrate all the monitors I use.