IE 7 CSS Tricks: -ms-interpolation-mode

This topic is not new on the web, but I did not find an article about it. It turns out that IE, starting from version 7, has support for interpolation (scaling mode) of images and its management through the CSS property -ms-interpolation-mode , described in MSDN .



The property has 2 values:

- nearest-neighbor (lower quality mode) - default

- bicubic (better bicubic method)



The W3C recommends using this property with the -ms prefix.



<style type="text/css">

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

img.nearest { -ms-interpolation-mode:nearest-neighbor }

</style>

<img class="bicubic" src="image1.jpg" width="50%" /> <!-- -->

<img class="nearest" src="image1.jpg" width="50%" />



The result will be:

')





The difference is noticeable and even very. By default, bicubic mode is enabled in other browsers, so this property only works for IE. You can safely put in the default CSS file:



*+html img { -ms-interpolation-mode: bicubic }



The influence of the inclusion of this property on the load of the article processor was not found. But I think that jumps on the load graph will be observed.



Cross post from my blog.