Si tenemos una imagen de 500 x 500px y la reducimos usando algo como:
1 | <img src="miimagen.jpg" width="200" height="200"> |
En Firefox se reducirá sin mucho problema pero en IE veremos que la imagen queda desastrosamente reducida, muy pixelada eso tiene solución con un poco de CSS
1 | -ms-interpolation-mode: bicubic; |
No esta demás recordar que haciendo esto aunque la imagen luzca más pequeña seguirá jalando lo mismo por lo que demorará lo mismo en cargar, por lo que es más recomendable el uso de thumbnails pero si la cosa es salir del apuro este truco funciona bien.
A que te refieres con lo de -ms-interpolation-mode: bicubic; donde lo colocas?
disculpa mi ignorancia…
ktngas 1 exelente Da!
eso lo colocarias en la hoja de estilos cuando haces referencia a una imagen
Hola Miguel
No se puede hacer esto de forma automáticamente para todas las imágenes que superen un tamaño determinado?
Un saludo!
PD: genial blog, no paro de sorprenderme de los artículos que publicas.
Si se puede aunque para IE6 hay que hay aplicar un hack debido a que no soporta en CSS las propiedades max-width(ancho máximo) y max height(altura máxima) mezclando estas propiedades se puede hacer que toda imagen que supere esos limites se reduzca.