Better Image Scaling and Resampling in Internet Explorer

HTML5, CSS3 and JavaScript

The Fine Art of Web Development by Martin Ivanov

Oddly enough, but the image scaling by using bicubic interpolation is turned off in Internet Explorer. All other browsers have this turned on by default, because this is the only normal and expected behavior. Due to this badly chosen default, sometimes the images in Internet Explorer are not displayed as smooth as in other browsers. To fix this you may use the vendor-specific CSS property -ms-interpolation-mode:

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

… in your CSS reset file or ordinary stylesheets.

Categories and Tags
Links

© 2006 - 2023 Martin Ivanov