Skip to main content

Forums

This topic contains 3 replies, has 0 voices, and was last updated by  milehighdesigner 11 years, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #22818

    Why does #CCCCCC appear as a different color in FF and IE?

    In photoshop, #CCCCCC, (a gray) is a web safe color. I make an image with that background color, then, make the background color the same and its fine in FF. in IE, it shows up lighter.

    Whats the deal?

    Edit – I’m saving the files in PNG. Maybe its a different scale somehow?

    Edit again – I found a fix, I just made the .png backgrounds transparent. I would still like to know why colors are different in IE though.

    #48097

    Chris Coyier
    Keymaster

    This reply has been reported for inappropriate content.

    Shouldn’t be…

    But if you are saving your PNGs with indexed color, there is a possibility you have so many colors in the graphic that the exact value for #cccccc didn’t "make the cut". Try bumping up the maximum colors in the PNG or saving it as a 32-bit PNG ("PNG-24") in Photoshop which won’t have a problem. If you are using JPG, make sure you using sRGB as the color profile when it’s saving out (automatic if you "Save for Web & Devices"). Any other color profiles are problematic as some browsers will use them (Safari) and others wont, which can cause issues…

    https://css-tricks.com/color-rendering-d … vs-safari/

    #48099

    This reply has been reported for inappropriate content.

    Well, I for my web images I always use "Save for Web" And I was using PNG-24 save method. Maybe something is set wrong those settings? Also, I’m using Photoshop 7.0. Maybe thats the real reason! Thanks for the link though, very informative.

    #48106

    jhallmusic
    Member

    The problem has to deal with "Gamma correction," and the fact that IE doesn’t have a proper gamut setting (not sure about IE 8). I don’t really understand it that well, so as opposed to blabbing incoherently, here are two pages I found on it:

    http://hsivonen.iki.fi/png-gamma/

    http://forums.biorust.com/tutorial-subm … em-ie.html

    -Joe

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star