Обрезание картинок по середине

C помощью CSS можно пропорционально уменьшить и "спрятать выступающие излишки"

<div class="img_wrap">
    <img src="img.png" alt="" />
</div>

CSS:

.img_wrap {
    width: 150px;
    height: 200px;
    overflow: hidden;   
    line-height: 185px; 
    text-align: center;
}  
.img_wrap img {
    max-height: 200px;
    max-width: 150px;
    vertical-align: middle;
} 

Таким образом картинка всегда будет по центру вертикально и горизонтально. Можно ещё убрать max-height: 200px; или max-width: 150px; в зависимости от потребностей.

добавьте свой комментарий

WE’VE SIMPLIFIED THE PROCESS FOR YOU AS MUCH
AS POSSIBLE
1. YOU DESCRIBE A TASK.
2. WE ESTIMATE IT AND INFORM YOU ON PRICE AND TERMS.
3. WE START WORK UPON YOUR CONFIRMATION.
4. WE DELIVER YOU THE PROJECT WITHIN THE SET TERM.
SEND US YOUR CONTACT INFORMATION
AND WE’LL CONTACT YOU: