Via seifi.org me encuentro con una técnica para crear thumbnails de una imagen con la propiedad clip de css. La técnica nos muestra como a través del parámetro rect del selector clip podemos recortar una imagen dandole las coordenadas top, right, bottom y left para recortar la imagen original, teniendo en cuenta que el bottom se mide desde el top y el right desde el left.

Aquí teneis un ejemplo del html:

<div class="clipwrapper">
<div class="clip">
<img src="/castle.jpg" alt=""/>
</div>
</div>

Y aquí una muestra del css usado:

.clipwarpper {
position: relative;
height: 225px;
}
.clip {
position: absolute;
clip: rect(50px 218px 155px 82px);
}

Parece ser que la w3c recomienda usar comas entre las coordenadas de la propiedad rect pero por alguna causa deja de funcionar en Internet Explorer en modo standard.