Pull to refresh

CSS хитрости IE 7: -ms-interpolation-mode

CSS *
Эта тема в сети не новая, но тут статью об этом не нашла. Оказывается, у IE, начиная с версии 7, есть поддержка интерполяции (режима масштабирования) изображений и управления им через CSS-свойство -ms-interpolation-mode, описанного в MSDN.

Свойство имеет 2 значения:
nearest-neighbor (менее качественный режим) — по умолчанию
bicubic (более качественный бикубический метод)

W3C рекомендует использовать это свойство с префиксом -ms.

<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%" />

Результат получим такой:

CSS IE7: -ms-interpolation-mode

Разница заметна и даже очень. По умолчанию, в других браузерах включен режим bicubic, поэтому это свойство и работает только для IE. Можно смело ставить в CSS файле по умолчанию:

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

О влиянии включения данного свойства на нагрузку процессора статей найти не удалось. Но думаю, скачки на графике нагрузки наблюдаться будут.

Кросс-пост из моего блога.
Tags:
Hubs:
Total votes 47: ↑38 and ↓9 +29
Views 2.5K
Comments Comments 48