Tamaño de la imagen CSS, ¿cómo rellenar, no estirar?
Tengo una imagen, y quiero establecer un ancho y una altura específicos (en píxeles)
Pero si configuro el ancho y alto usando css (width:150px; height:100px
), la imagen se estirará, y puede ser fea.
CómoLlenar imágenes a un tamaño específico usando CSS, ysin estirar ¿eso?
Ejemplo de relleno y estiramiento de imagen:
Imagen original:
Imagen estirada:
Imagen rellena:
Tenga en cuenta que en el ejemplo de imagen rellena anterior: primero, la imagen se redimensiona a 150x255 (relación de aspecto mantenida), y luego,recortada a 150x100.