Découper une image en CSS

Bonjour,

je reprends un annuaire composé de visuels de toutes tailles.

Jusqu'à présent les visuels étaient redimensionnés grâce aux lignes CSS :

.image {
width:250px;
height:250px;
}

Ceci afin d'avoir une mise en page strictement identique pour chaque fiche. Le problème, c'est qu'un visuel envoyé aux dimensions du genre 500px par 200px se trouve totalement déformé.

Mon souhait serait de conserver une mise en page identique mais avec des visuels redimensionnés (découpés) tout en gardant leurs proportions. Est-ce possible en CSS ?

Pour que mon message soit le plus clair possible, je joins l'exemple souhaité.

Merci d'avance.


Modifié par perigourdingue (21 Oct 2017 - 18:23)

Ton histoire m'intéresse tout de même. J'aimerais bien tester mais je ne vois pas où se trouve le code à insérer. Bon, je le confesse, je suis nul en anglais et petit joueur au niveau codage.
En tous cas, merci pour le retour.