Imagen de baja calidad de baja calidad en IE9

Question

Noté que IE9 representa imágenes reducidas en una calidad muy baja: si muestro una imagen de 800x600 jpg en una etiqueta IMG de 200x150, el resultado en IE9 es muy decepcionante.

La misma página se muestra perfectamente bien en IE8 y en Chrome. IE7 también está bien, siempre que use CSS style -ms-interpolation-mode: bicubic;). Firefox muestra el mismo triste resultado que IE9 pero parece ser un error conocido, vea https://bugzilla.mozilla.org/show_bug.cgi?id=486918

He rastreado Stack Overflow y otros foros, pero no he encontrado ninguna queja sobre IE9 rendering versus IE8.

¿Alguien sabe esto un error en IE9. ¿Hay alguna solución?

No puedo enviar imágenes, porque soy un nuevo usuario en Stack Overflow. Pero se puede reproducir fácilmente el tema:

En Paint.Net crear un 800x600.jpg con un ellips con pincel ancho de 1 o 2. mostrar esta imagen en un 200 píxeles por 150 píxeles etiqueta IMG Comparar con IE9 y Chrome IE8 (usando IEtester)

Answer 1

He visto esto mucho con IE y el redimensionamiento de la imagen. Sinceramente, es mejor hacer una versión más pequeña por separado del tamaño exacto a través de un editor de imágenes o medios automáticos.

Answer 2

El algoritmo predeterminado de cambio de tamaño de la imagen no es muy bueno. Como nota, IE7 añadido la posibilidad de cambiar el algoritmo con:

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

Esto será llevado por IE9 according to the docs page, pero que no proporcionan ninguna información sobre lo que en todo caso utilizar en su lugar. Si logras cambiar el tamaño de la imagen que no está en el navegador obtendrás los mejores resultados de esa manera.

Dependiendo de su caso de uso, es posible que pueda utilizar un lienzo con los navegadores más nuevos para obtener mejores resultados. La respuesta aceptada en Resizing an image in an HTML5 canvas parece prometedora :)