Monday, January 17, 2011

How to fix IE image scaling bug

If you have an image that’s for eg. 211x112 and resize/scale it with HTML to 200x??? Internet Explorer doesn’t re-sample the image well. This bug is called bicubic scaling bug of IE, here is the example, just open this page with internet explorer, even with FF also display image with re-sampled well but you wont find any difference much.

To fix this scaled images in Internet Exploder and all we had to add was one little line of css.

img { -ms-interpolation-mode:bicubic; }

Wohoo fix is done, and output will be like this! although i put image with original size but by your end you can check this..

No comments:

Post a Comment