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.