Background colour of a PNG in IE8

Question

I have the following logo, which displays as the same background colour as the HTML body in FF3, Chrome (#363636).

But in IE8 it displays a different, darker colour.

Is this FF3/Chrome being forgiving of my PNG, or just another IE bug (I thought they fixed PNG support in IE7)?

Update: I still get this problem, and the pngcrush arguments I use to correct it are:

pngcrush -replace_gamma 0.5181347 infile.png outfile.png

The Win32 binary link is here.

Answer 1

You have a gamma correction information (gAMA chunk) structure in your PNG. That's fine if you're working with photos where you want gamma correction, but it's not the right thing for the web.

On the web, browsers typically do not apply gamma correction to HTML/CSS colours or other images, so if you use gamma correction you'll get results on your PNG that are inconsistent with the rest of the page. Some browsers do not apply PNG gamma for this exact reason, which is why you are getting the variable results.

Load the logo into an image editor and save it back out without the gAMA chunk information. More.