CSS Tamaño de la imagen, cómo llenar, no estirar?


Tengo una imagen, y quiero configurarla con un ancho y un alto específicos (en píxeles)

Pero Si establezco ancho y alto usando css (width:150px; height:100px), la imagen se estirará, y puede ser feo.

Cómo Llenar imágenes a un tamaño específico usando CSS, y no estirar?

Ejemplo de imagen de relleno y estiramiento:

Imagen original:

Original

Imagen estirada:

Estirar

Lleno Imagen:

Llenar

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, se recorta a 150x100.


Warning: Undefined property: agent_blog_content::$date_asked in /var/www/agent_etc/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 32

Warning: Undefined property: agent_blog_content::$count_answers in /var/www/agent_etc/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 52