Ajustar imágenes en contenedores HTML y etiquetas IMG
Ajustar imágenes en contenedores HTML y etiquetas IMG es una tarea complicada por lo que cada que vez que mostramos imágenes terminamos por estirar dichas imágenes.
imgLiquid es un plugin que adapta las imágenes grandes, pequeñas, medianas al contenedor HTML que prefieras con el objetivo de no perder parte del diseño y salirse de lo “estético”, el inconveniente de este plugin es que para ver sus efectos tendrás que usar dicho contenedor HTML de forma obligatoria.
Imagínate tener una imagen horizontal demasiado larga para mostrar en un div de 150×200 pixeles, tendrías como resultado el estiramiento de la imagen perdiendo el diseño adecuado, te presento el ejemplo en un antes y después de el plugin (las 2 primeras imágenes son sin usar el plugin y las otras 2 siguientes imágenes son al usar el plugin).
Más información: http://develoteca.com/ajustar-imagenes-en-contenedores-html-etiquetas-img/