PNG Colour mismatch in Internet Explorer

Posted on July 2nd, 2010 in General by Jim Prince

I recently did some web work that involved working with PNG files. I’m not a designer so was using Paint.Net, I haven’t used Adobe Photoshop for years. I came across an odd problem where my saved PNG didn’t match the CSS used on the page even though the hex values for the colours were exactly the same. It was only when I tried opening the webpage in Chrome that I noticed the problem was specific to Internet Explorer.

ie_png

After some Googling I discovered that this is due to Internet Explorer not recognising the gAMA metadata inherent in PNG files. Apparently you can remove the metadata using Adobe Photoshop but Paint.Net has no such option.

I eventually stumbled across a program called TweakPNG which allowed me to open the image and remove the offending gAMA metadata.

Problem solved.

UPDATE: The issue is described far more eloquently then I ever could here.


Links for 08/08/2008

Posted on August 8th, 2008 in General, Technology by Jim Prince

Links for 04/08/2008

Posted on August 4th, 2008 in General, Technology by Jim Prince