Redimensionnement bicubique des images avec Internet Explorer

Avant toute chose je tiens à préciser un point :

Règle n° 1 : Ne pas redimensionner vos images dans le navigateur internet !

Cependant, il arrive pour certains rares cas qu’on ne puisse pas appliquer cette règle… Je vous fais donc part d’un petit trick CSS existant depuis pas mal de temps mais que je découvre à peine, qui permet à IE de redimensionner proprement vos images de votre page web.

(A noter que cette astuce ne fonctionne qu’avec des .jpg et des .gif non transparents.)

La première image est l’originale (360px x 130px) et la même pour les deux images dessous, mais redimensionnée (250px x 90px).

Comparatif avec ou sans le fix sous IE7

Code du fix CSS pour IE7

img { -ms-interpolation-mode:bicubic; }

Il existe apparemment une astuce pour IE6 qui n’a malheureusement pas fonctionné pour moi :

Code du fix CSS pour IE6

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/chemin/vers/votre/image.jpg', sizingMethod='scale');