In order to access this site you need to enable JavaScript!

You are here: Reference > CSS > properties > browser specific extensions > -ms-interpolation-mode

-ms-interpolation-mode property

Browser support:

7

Sets the interpolation algorithm for scaling an image.

The -ms-interpolation-mode property is useful if you want to set the quality of the images scaled by the browser. Interpolated images produce smoother lines and better-looking pictures than the simple enlargement of the original, small image.

The -ms-interpolation-mode property is supported in Internet Explorer from version 7.

In Firefox, use the image-rendering property for similar functionality.

JavaScript page for this property: msInterpolationMode. You can find other example(s) there.

Possible values:

One of the following values:

bicubic

Complex interpolation algorithm to make higher quality large images by processing small ones.

nearest-neighbor

Simple interpolation algorithm to enlarge images. The image quality is lower than with the use of bicubic, but the process is faster this way.

Default: this property has no default value.

Example HTML code 1:

This example illustrates the use of the -ms-interpolation-mode property:

<head>
    <style>
        img {
            width:150px;
            height:150px;
        }
        .bicubic {
            -ms-interpolation-mode: bicubic;
            image-rendering: optimizeQuality;
        }
        .nearest {
            -ms-interpolation-mode: nearest-neighbor;
            image-rendering: optimizeSpeed;
        }
    </style>
</head>
<body>
    High quality:
    <img src="small.jpg" class="bicubic" />
    Low quality
    <img src="small.jpg" class="nearest" />
</body>