CSS reducir una imagen sin distorcionarla

Si tenemos una imagen de 500 x 500px y la reducimos usando algo como:
[cc lang=»html»]

[/cc]

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
[cc lang=»css»]
-ms-interpolation-mode: bicubic;
[/cc]

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.

Categorías

Últimos Posts

¿Necesitas ayuda?

Si requieres ayuda para desarrollar tu sitio web, crear plugins para Wordpress o módulos personalizados para Elementor a precio razonable. Contáctame