Вы пытались использовать это?

.centered-and-cropped { object-fit: cover }

Мне нужно было изменить размер изображения, в центре (как по вертикали, так и по горизонтали), а затем обрезать его.

Я был рад найти, что это можно сделать в одной css-строке. Посмотрите пример здесь: http://codepen.io/chrisnager/pen/azWWgr/?editors=110

Вот CSS и HTML код из этого примера:

CSS:

.centered-and-cropped { object-fit: cover }

HTML:

original


object-fit: cover