Discover & Rate New Music Check out ChartVote. Promote the music you like.


IE Color Issues with PNG Images

I have been tweaking the design on Indiefy lately and I’ve noticed some rendering issues in Internet Explorer.

Originally the layout images for Indiefy were PNG files since I thought that was the best way to go and probably still is if it weren’t for IE screwing with me. IE seems to render certain colors in PNG images darker than they are supposed to be.

The image below is a screenshot of the bottom corner of Indiefy. You have to look kind of hard, but you can see that the IE version makes the border gradient darker than the background color of the page so the gradient does not smooth out. I have not tested this in IE7, but I don’t have much faith that it will be fixed.



So Internet Explorer and PNGs do not get along. There is also the famous issue of IE not supporting alpha transparency in PNGs. Fixing that would make designer’s lives so much easier. Oh well, no one said this would be easy.


5 Comments

  1. Ross Johnson on August 1st, 2006

    If IE7 does nothing else I hope it has proper PNG support. I doubt many other designers would also have it as their number one priority, but I seem to spend more time fiddling with the four/five methods of getting IE to support PNG’s than anything else.

  2. TC on August 2nd, 2006

    Say wha? What difference? They both look the same to me.

  3. Noah Winecoff on August 2nd, 2006

    Yeah, it is hard to notice. I should have zoomed in more on the image to show the difference better. I’ll try to update the image today with a better view.

  4. Iftekhar on August 26th, 2006

    I have a PNG logo wich i placed in the header of website banner. The image don’t match the color of the banner in IE. But in firefox it looks ok. I have to make this banner with png… sad that IE has this limitation

  5. Crovax on September 15th, 2006

    Indeed, I am building a website and to my great annoyance my dark blue was a a shade too dark in IE. So I replaced all planes of this colour with a repeated 1-pixel png to ensure the colours matched when I placed a picture on a a background with matching colour.

    Annoyingly however I found myself in need of using transparency somewhere (just 1 shade of it too, just a place I want a non-square image, so I want just 1 alpha channel 100% transparency.) Sadly though, IE wont support png transparency, and if I use a GIF, the colours wont match =/ Gotta love IE… X_x

Leave a Reply

RSS Feed



Recommended Sites