PNG Transparency in IE 6
 

How could I fix the images for IE 6 so it doesn't have that weird BG :P..

There are a few people out there that have written solutions to this issue.

This one (conditional HTML, and a JS) was released in 06, but works very well. It doesn't work for background PNGs though.

PNG in Windows IE

This one I haven't tried but has support for background PNGs: IE PNG Fix - TwinHelix. This one adds in some CSS trickery as well as JS and conditional html.

I would recommend the one obolus suggested in the latter portion of his post. I've tried it out a bit, but when I tried it, it didn't support CSS background images, but now that it does, it might be worth a try.

Part of the difficulty with IE displaying PNGs correctly has to do with the built in gamma settings, not just a lack of transparency support. IE7 appears to fix this, but anything lower will experience this problem with the gamma settings. One fix for that is to strip the image's gamma part and set it to zero, which solves that trouble. See more here.

So unfortunately you'll probably need both fixes if you want to use PNG images.

Thanks I'll read what you said.

Ah thanks for a great article read =)

I have no experience with TweakPNG but I've used with great effect pngcrush.

As that is a command line utility, I made a .BAT file that will process for example a directory of png images and remove all color information. The .BAT file is essentially just all the parameters because then I don't need to remember them.

How to remove the color with pngcrush

RobertK says you set the gamma part to 0. Like I said, I have no experience with TweakPNG but with pngcrush you remove the color information and that reduces filesize. Sometimes by alot.


Just yet another way to do things ;-)

Well, colorinformation == gamma. ;-) Maybe a little different in naming, but I doubt you use only grayscale PNGs. It's the information that tells different systems how to interpret those RGBA colors that IE needs to ignore.

I disagree. I think that in this case the gamma is just a constant. Really just saying: "ok, see that color information there? Display it with this gamma level".

So setting that to 0 will neutralize the effect of the gamma level, but all the color correction information is still there.

So, technically we're both wrong. :-D We aren't really talking about "color information". The correct term (for what we are discussing) is "color correction information".

Haha, fine get technical. :-D Two ways to solving the same problem.

I just hope it doesn't save in CMYK, its color range is slightly less vibrant.

I tried tweakpng and it didn't work..