8 Replies - 2941 Views - Last Post: 18 July 2013 - 09:50 PM

PNG Icons rendering poorly in Internet Explorer

Posted 18 July 2013 - 09:05 AM

I've designed a few custom graphics for a site I'm working on. They are 1400x1200 pixels fully rendered, but programatically scaled down to 150x150 ASP LinkButton icons. They render quite well in Firefox, and beautifully in Chrome, but in IE they aren't even legible. Does anyone know how to "help" IE scale images?

Re: PNG Icons rendering poorly in Internet Explorer

Posted 18 July 2013 - 11:10 AM

The CSS tricks didn't work for my situation. When I scale the images using Gimp, some of the finer details of the design(shading, lighting, etc.) are lost. That is why I was attempting to implement client-side scaling. But, considering IE's complete lack of support for...almost everything, I'll probably just have to settle for lower quality images. I do see now why high quality Web-link Icons are so rare to see!

Re: PNG Icons rendering poorly in Internet Explorer

Posted 18 July 2013 - 11:48 AM

They are 115 kb in size. And they actually render very well in Firefox and Chrome. I've come up with a simple way to solve the problem. I just used the snipping tool to capture the image after it renders in chrome. Now I have the right size and still preserve most of the original quality

Re: PNG Icons rendering poorly in Internet Explorer

Re: PNG Icons rendering poorly in Internet Explorer

Posted 18 July 2013 - 01:42 PM

Just a though. Gimp has several different methods of scaling images. Did you try more than the default interpolation method? As I've always understood it, the Lanczos3 method provides the best quality when reducing the size. (In Gimp at least.) From a bit of Googling, it seems Chrome uses that same Lanczos3 method when scaling images down.