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');
Tags : bicubique, css, IE6, IE7, internet explorer, redimensionnement
Article posté le Samedi 2 mai 2009 à 14:51.Classé dans la catégorie CSS.
21 décembre, 2010 à 13:30 Surfe sur
Bonjour,
Merci pour l’astuce, ça fonctionne super sur IE7
Mais je ne vois pas comment faire pour IE6 car moi j’utilise une image en « dur » et pas en background. Comment faire dans ce cas ?
merci d’avance