Как масштабировать изображение с одинаковой шириной и высотой без искажений?

У меня есть раздел на моей главной странице, который запрашивает последние сообщения и захватывает заголовок и миниатюру каждого. В моих functions.php, я указал width и height для эскиза, используя:

 add_image_size( 'thumbnail-small', 179, 147 ); 

У меня есть все изображения разных размеров в моих сообщениях, установленных как изображения, и когда они попадают в элемент эскиза изображения на странице, они обрезаются пропорционально, но не масштабируются до нужного размера:

введите описание изображения здесь

Я помещал границы вокруг изображений, чтобы вы могли видеть масштабирование, но похоже, что WordPress просто масштабирует их до любого подходящего.

Как я могу заставить их выглядеть одинаково, а затем просто вырезать избыток с переполнением: скрытый в CSS?

Я пробовал некоторые CSS, такие как:

 // .image-mask is the wrapping div #middle .image-mask { width:179px; height:147px; overflow: hidden; position:relative; } #middle img { position:absolute; display: block; top:0; left:0; } 

а также…

 #middle img{ width: auto; max-width: 150px; height: auto; max-height: 100px; } 

Если вы хотите, чтобы WordPress сильно обрезал изображения для этих абсолютных размеров изображения, вы можете установить аргумент $crop от add_image_size true, по умолчанию он является ложным:

 add_image_size( 'thumbnail-small', 179, 147, true );