Imagenes redimensionadas sin perder calidad

[pzin]

Ahí lo que usan son imágenes cuadradas, pequeñas miniaturas de la que tú llamas originales. No son autorecortadas, son imágenes que han puesto así.

De todas formas, lo que puedes hacer es o bien ponerlas como imágenes de fondo y ajustarlas con background-size: cover o bien usar las imágenes que quieras, darles una posición absoluta dentro de un contenedor con posición relativa, moverlas al centro con top: 50%; left: 50%; y luego centrarlas con transform: translate(-50%,-50%). Luego ya ajustar el ancho a cómo las quieras tener. Y para ocultar lo que sobresale, le pones un overflow al contenedor.