пример запуска webpy: приложение не определено

Вы могли бы использовать комбинацию обоих методов, например.

<div class="crop">
    <img src="..." alt="...">
</div>

CSS:

.crop {
    width: 200px;
    height: 150px;
    overflow: hidden;
}

.crop img {
    width: 400px;
    height: 300px;
    margin: -75px 0 0 -100px;
}

Вы можете использовать отрицательный margin для перемещения изображения в пределах <div/>.