Как при уменьшении размеров картинки получить только центральную часть?

Question

[ligisayan]

Всем привет. Есть картинка:

<img src="http://www.personal.psu.edu/jul229/mini.jpg" alt="">

Как сделать так, чтобы при уменьшении ее размеров к примеру 150 на 150 бралась за основу только ее центральная часть (с миньонами), а несущественная часть отбрасывалась и желательно без использования скриптов.

Answer 1

[Андрей Б.]

codepen.io/anon/pen/bdXyKo?editors=110 но есть ряд ограничений

Comments

[ligisayan]

Андрей Б. вот, да - супер! а какие ограничения?

[ligisayan]

overflow:hidden ?

[Андрей Б.]

ligisayan в указании размеров

[ligisayan]

Андрей Б. п тут ничего страшного) оказывается есть еще такой подход:
`clip: rect(10px,125px,140px,10px);`

[Андрей Б.]

ligisayan, есть, но поддержка, сами понимаете

Answer 2

[SerzN1]

типичный пример центрирования картинки в блоке заданного размера (можно в процентах)
jsfiddle.net/SerzN1/s3fLutz5/1