Con i CSS potresti impostare l'immagine come sfondo di un elemento (per esempio un div di date dimensioni) e poi posizionarla con la proprietà background-position.
Esempio:
L'immagine ha dimensioni 800x600
vuoi mostrare la parte dell'immagine con coordinate 100,100 (alto,sin) - 150,170 (basso, destra).
la porzione di immagine che vuoi rappresentare ha pertanto un width di 70 e un height di 50.
CSS
#immagine {
width: 70px;
height: 50px;
background-image: url('img800x600.jpg');
background-repeat: no-repeat;
background-position: -100px -100px;
}
html
<div id="immagine"></div>
nella proprietà background-position si possono indicare solamente le coordinate alto, sinistra, per questo motivo è necessario impostare le dimensioni del div e usare le coordinate negative.
Cmq se vuoi un consiglio mi sembra uno spreco di risorse far caricare ai tuoi utenti un'immagine che si vedrà solo in parte (specialmente se è un'immagine pesante)
