La pregunta es basica, puedo hacer que mis imágens se ajusten en anchura y altura a la vez en un navegador.
Pongo el ejemplo porque a mi solo me sale en horizontal o en vertical pero no en ambos.
http://rubioarquitectura.com/es/portfolio/condesa-de-venadito/
Photoshop y metes todas las imágenes del tirón y las vas sacando en el formato que quieras. Es lo mas rápido y vas mirando como queda si no alguna se te va a ir mas grande o mas pequeña aun que sea el mismo tamaño
#1 realmente lo que muestras es la imagen como background image del LI , y en css esta definido "background-size: contain;" con lo que la imagen intenta ocupar el li sin deformarse (por eso escala sin deformarse y no ocupa todo), si quieres que ocupe el 100% usa background-size: 100% 100%; aunque se te deformará la imagen al no mantener el ratio alto/ancho
