Hey, I'm just working on a website, and it appears some of my images are different colors in IE than mozilla or chrome. This is sorta screwing up the flow of my site, making some things appear blocky or less clear.

www.nharo.com/draft.html

Check that page out in IE and then in firefox paying particular attention to the logo... and let me know your thoughts.

Thanks!

2 answers

2
points

Another alternative is that your PNGs might contain gamma information, which IE will ignore and Firefox will use. I use PNGgauntlet to strip the gamma info out of PNGs (and to squish them smaller too)

I don't know whether Chrome uses PNG gamma as well.

Answered over 6 years ago by Cameron Foale
  • Use a compressor such as pngOptimizer which removes gamma info (thus fixing color match issues) AND reduces the filesize :D danwellman over 6 years ago
0
points

Unfortunately MSIE is well known for failing to render colours correctly in both jpg and png images, although you seem to have struck a shade where the colour shift is more jarringly obvious than usual.

Workarounds:

  1. Use a gif instead of png.
  2. Make your background a png instead of a colour
  3. Do either of the above but retain a sense of integrity by only doing it in a Conditional Comment
Answered over 6 years ago by Richard Grevers