Обрежьте изображение вместо того, чтобы расширить его

Вы можете использовать свойство CSS clip :

#image_element
{
position:absolute;
clip:rect(0px,60px,200px,0px);
}

Обратной стороной использования clip является то, что элемент должен быть абсолютно позиционирован и доступен только с 'rect' форма.

См .:

• https://www.w3schools.com/cssref/pr_pos_clip.asp
• http://www.cssplay.co.uk/menu/clip_gallery

Показать как фоновое изображение

Используйте это : http://www.w3schools.com/css/pr_background-position.asp

background-position: 5px 5px;

а затем установите высоту и ширину div

height: 55px;

width: 55px;

<div style="width: 100px; height: 100px; background-image: url(your image); background-repeat: no-repeat;"></div>

Затем в приведенном выше DIV вы можете поиграть с CSS

• width/height
• background-position

для создания различных эффектов кадрирования.