Panther vs Jaguar - Safari web page color differences?

Discussion in 'Web Design and Development (archive)' started by ITMediaCo, Dec 29, 2003.

  1. ITMediaCo
    Expand Collapse
    macrumors member

    Joined:
    Jul 21, 2003
    #1
    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!
     
  2. MacBandit
    Expand Collapse
    macrumors 604

    MacBandit

    Joined:
    Aug 9, 2002
    Location:
    Springfield, OR (Home of the Simpsons)
    #2
    Give us a link to that page on your site so that we can see how it works on our own machines.
     
  3. FattyMembrane
    Expand Collapse
    macrumors 6502a

    FattyMembrane

    Joined:
    Apr 14, 2002
    Location:
    bat country
    #3
    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?
     
  4. ITMediaCo
    Expand Collapse
    thread starter macrumors member

    Joined:
    Jul 21, 2003
    #4
    Sorry about that... I thought you could get it from the screen shots.

    http://www.roboraiders.com
     
  5. ITMediaCo
    Expand Collapse
    thread starter macrumors member

    Joined:
    Jul 21, 2003
    #5
    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 :/
     
  6. MacBandit
    Expand Collapse
    macrumors 604

    MacBandit

    Joined:
    Aug 9, 2002
    Location:
    Springfield, OR (Home of the Simpsons)
    #6
    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.
     

    Attached Files:

  7. mnkeybsness
    Expand Collapse
    macrumors 68030

    mnkeybsness

    Joined:
    Jun 25, 2001
    Location:
    Moneyapolis, Minnesota
    #7
    on the contrary: 10.3.2 with safari
     

    Attached Files:

  8. Rower_CPU
    Expand Collapse
    Moderator emeritus

    Rower_CPU

    Joined:
    Oct 5, 2001
    Location:
    San Diego, CA
    #8
    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?
     
  9. Wardofsky
    Expand Collapse
    macrumors 65816

    Joined:
    Aug 6, 2002
    #9
    Mine looks like every elses here.
    I use a different calibor which uses D50, "standard for graphics".
     

    Attached Files:

  10. mnkeybsness
    Expand Collapse
    macrumors 68030

    mnkeybsness

    Joined:
    Jun 25, 2001
    Location:
    Moneyapolis, Minnesota
    #10
    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. 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.
     
  11. ITMediaCo
    Expand Collapse
    thread starter macrumors member

    Joined:
    Jul 21, 2003
    #11
    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.
     
  12. MacBandit
    Expand Collapse
    macrumors 604

    MacBandit

    Joined:
    Aug 9, 2002
    Location:
    Springfield, OR (Home of the Simpsons)
    #12
    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.
     

Share This Page