Désactivé le filtre lors du redimensionnement des images

Bonjour,

J'aimerais savoir comment désactiver le filtre qui lisse les images lorsqu'on les agrandi.
Les images que j'utilise sont de très petite taille (8x8) mais j'aimerais les afficher en 90x90.

Voici l'image d'origine:
http://cyl.be/images/users/default/default_8.png

Et ceque j'aimerais comme résulta:
http://cyl.be/images/users/default/default_90.png

avec le code HTML suivant:

<img class='avatar' style='width:90px; height:90px;' src='http://cyl.be/images/users/default/default_8.png' />

Merci

J'ai posté mon message dans le forum CSS mais je suis également ouvert à des propositions en JavaScript. j'aimerais éviter le PHP.

Enregistre tes images directement en 90 par 90, et ne laisse pas le navigateur gérer le redimensionnement ?
Modifié par Vaxilart (16 Oct 2011 - 19:47)

Bonjour,

Il y a la propriété SVG image-rendering, utilisable sur des contenus HTML (notamment éléments IMG et CANVAS) dans Firefox 3.6+ et dans les versions récentes de WebKit. Rien dans Opera. Quand à Internet Explorer, à partir de la version 7 il y a une propriété CSS -ms-interpolation-mode qui fait sensiblement la même chose.

Plus d'infos ici: MDN - image-rendering.

Et, dans l'absolu, le standard pour des images dont l'information ne dépend pas de la résolution c'est le SVG.

Merci beaucoup