PNG image is being rendered different in Chrome, FireFox, and Safari

When I display the following PNG in chrome, safari, and firefox I am seeing differences.

http://bobcravens.com/demos/temp/logo.png

Here is a s开发者_如何学JAVAcreenshot of (left to right) Chrome, Safari, FireFox (all on a Mac).

I am certain this is going to be something simple (and that I probably should know), but haven't been able to determine the root cause.

Thanks for any help.

Bob

It appears that Safari is ignoring the gAMA chunk in that PNG. By stripping out the gAMA chunk from the PNG file, I get Firefox showing the image the same as Safari in your screenshot.

That's almost surely a gamma problem and/or an alpha channel problem.

Test your browser support here.

http://entropymine.com/jason/testbed/gamma/

http://entropymine.com/jason/testbed/pngtrans/

http://entropymine.com/jason/testbed/alphagamma/

Workaround: save your image in a "simpler" format (bmp or gif) and reexport it as png.