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).
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'); |
Mots-clefs : bicubique, CSS, IE6, IE7, internet explorer, redimensionnement
Rétrolien depuis votre site.
Commentaires (1)
San
| #
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
Répondre