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

-ms-interpolation-mode property

Browser support:
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: 
Complex interpolation algorithm to make higher quality large images by processing small ones.
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:
        img {
        .bicubic {
            -ms-interpolation-mode: bicubic;
            image-rendering: optimizeQuality;
        .nearest {
            -ms-interpolation-mode: nearest-neighbor;
            image-rendering: optimizeSpeed;
    High quality:
    <img src="small.jpg" class="bicubic" />
    Low quality
    <img src="small.jpg" class="nearest" />
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content