Низкое качество изображения в IE9

Question

Я заметил, что IE9 отображает уменьшенные изображения в очень низком качестве: если я отображаю изображение jpg размером 800x600 в теге IMG 200x150, результат в IE9 очень разочаровывает.

Одна и та же страница прекрасно отображается в IE8 и Chrome.IE7 также в порядке, при условии, что я использую стиль CSS -ms-interpolation-mode: bicubic;).Firefox показывает тот же мрачный результат, что и IE9, но, похоже, это известная ошибка, см. https://bugzilla.mozilla.org/show_bug.cgi?id=486918

Я перебираю Stack Overflow и другие форумы, но не нашел жалоб на рендеринг IE9 по сравнению с IE8.*

Кто-нибудь знает эту ошибку в IE9.Есть ли обходной путь?

Я не могу отправить изображения, потому что я новый пользователь в переполнении стека.Но вы можете легко воспроизвести проблему:

В Paint.Net создайте 800x600.jpg с многоточием с шириной кисти 1 или 2. Отобразите это изображение в теге IMG размером 200 на 150 пикселей. Сравните IE9 с Chrome и IE8.(используя IEtester)

Answer 1

Алгоритм изменения размера изображения по умолчанию не очень хорош. Как вы заметили, в IE7 добавлена ​​возможность изменять алгоритм с помощью:

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

Это убрано в IE9 согласно странице документации , но они не предоставляют никакой информации о том, что, если что-либо использовать вместо этого. Если вам удастся изменить размер изображения в браузере, вы получите лучшие результаты.

В зависимости от вашего варианта использования вы можете использовать холст с более новыми браузерами, чтобы получить лучшие результаты. Принятый ответ в Изменение размера изображения на холсте HTML5 выглядит многообещающе:)

Answer 2

Я много видел это с IE и изменением размера изображения. Честно говоря, лучше сделать отдельную уменьшенную версию точного размера с помощью графического редактора или с помощью автоматизированных средств.