Image scaling browser issue. HOW TO fix it in a simple way?

scaling issueHave you ever wondered why your pictures in IE or FF looks really crappy. If your answer is “yes” then read this article and learn how to fix that issue.

If you ever use width and height style to scale your pictures by css probably you have noticed  that in IE(6,7) or FF, those image don’t look good. There is a very simple way to fix this problem.

At the beginning of your css you can simply add:

image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;


-ms-interpolation-mode: bicubic; markup is responsible for better scaling in ie6 and IE7, in IE8 this problem is resolved.

Unfortunately image-rendering: optimizeQuality; markup will work form FF3.6.

For more information please visit:

Aspire Blog Team

Aspire Systems is a global technology services firm serving as a trusted technology partner for our customers. We work with some of the world's most innovative enterprises and independent software vendors, helping them leverage technology and outsourcing in our specific areas of expertise. Our services include Product Engineering, Enterprise Solutions, Independent Testing Services and IT Infrastructure Support services. Our core philosophy of "Attention. Always." communicates our belief in lavishing care and attention on our customers and employees.

1 comment

Comments are closed.