Эта тема в сети не новая, но тут статью об этом не нашла. Оказывается, у IE, начиная с версии 7, есть поддержка интерполяции (режима масштабирования) изображений и управления им через CSS-свойство -ms-interpolation-mode, описанного в MSDN.
Свойство имеет 2 значения:
— nearest-neighbor (менее качественный режим) — по умолчанию
— bicubic (более качественный бикубический метод)
W3C рекомендует использовать это свойство с префиксом -ms.
Результат получим такой:
Разница заметна и даже очень. По умолчанию, в других браузерах включен режим bicubic, поэтому это свойство и работает только для IE. Можно смело ставить в CSS файле по умолчанию:
О влиянии включения данного свойства на нагрузку процессора статей найти не удалось. Но думаю, скачки на графике нагрузки наблюдаться будут.
Кросс-пост из моего блога.
Свойство имеет 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%" />
Результат получим такой:
Разница заметна и даже очень. По умолчанию, в других браузерах включен режим bicubic, поэтому это свойство и работает только для IE. Можно смело ставить в CSS файле по умолчанию:
*+html img { -ms-interpolation-mode: bicubic }
О влиянии включения данного свойства на нагрузку процессора статей найти не удалось. Но думаю, скачки на графике нагрузки наблюдаться будут.
Кросс-пост из моего блога.