Сделать картинки одинакового размера

Допустим есть картинки разного размера:

И надо сделать, чтобы они были одного размера. Если сделать это напрямую, то они сожмутся или растянутся.

Чтобы картинки сохраняли свои пропорции при изменении размера, используется CSS-свойство object-fit: cover.

img {
  width: 150px;
  height: 150px;
  object-fit: cover;
}

По умолчанию картинка центрируется в блоке. При желании можно изменить позицию картинки через свойство object-position.