HTML+CSS+JavaScript

Вот например чтобы вставить в background какойто определёный кусок картинки нужно всего лишь использовать background-position: x x;

Но вот например логотип гугла слева от формы поиска, именно картинка, хотя тоже по всей видимости обрезанная на подобии background-position...

Собсно вопрос, как такое провернуть с картинкой, а не с фоновым изображением?

^

смотрите свойство clip

данке ;)