Personnaliser le rendu sous IE : redimensionner les images en bicubic

IE7 dispose d'une nouvelle fonctionnalité non-W3C qui permet de demander au navigateur de redimensionner une image grâce à l'algorithme bicubique. En temps normal, IE7 n'utilise pas cette fonctionnalité. Elle ne lui sert que dans deux cas spécifique :

1. Lorsque que vous zoomer ou dézoomer sur la page. Dans ce cas bicubic est utilisé pour le redimensionnement des images
2. Lorsque le site internet sur lequel vous naviguer le demande explicitement, via le CSS -ms-interpolation-mode: bicubic;

Pour voir la différence entre une image redimensionnée normalement, et une image redimensionnée avec bicubic, je vous conseille l'adresse suivante, vous verrez, ca en vaut le coup (même si l'image n'est pas très bien choisie pour l'exemple) : http://samples.msdn.microsoft.com/workshop/samples/author/css/msInterpolation.htm

Voici donc une astuce pour forcer l'utilisation, même lorsque vous ne zoomer pas.

Sauvez ce texte dans un fichier nommé "HighQualityImage.css" :

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

Ouvrez le panneau de configuration d'Internet Explorer. Dans l'onglet Général, cliquez sur le bouton "Accessibilité".
Maintenant, choisissez "HighQualityImage.css" en tant que CSS Utilisateur.

Attention tout de même que cette option peut légèrement ralentir votre navigateur.