Yesterday, I would like to create a new logo image for howforge.com, the current one was the default logo. The current logo was in PNG format without transparency since the background was just a plain color #6699cc. Well then, I used PhotoShop to modify that logo to mine and saved it through "Save for web" option aka ImageReady. Unfortunately, my logo was displayed correctly in Firefox but not Internet Explorer. The problem is transparency. Internet Explorer can’t render transparent PNG correctly. So, I managed to add background with color #6699cc and tried again. It didn’t work on IE again, #6699cc in the logo didn’t match to the background in CSS. This seems to be problem of gamma.

Thanks to Mozilla, I found a document, Fixing transparent PNGs. Actually, the problem is buggy PNG implementation in PhotoShop and ImageReady. So the solution is to use alternative software like Gimp. I tried and it works!

Technorati Tags: English, Programming, HTML, Software, Drupal, Tips and Tricks, PNG, PhotoShop, Internet Explorer, Gamma, Alpha, Transparent, CSS