Mon premier réflexe serait de te dire : utilise une image avec une taille appropriée.
Les navigateurs utilisent leurs propres algorithmes pour adapter les images demandées.
Certains font du 'bicubic', d'autre travaillent en 'nearest', c'est selon les choix des devs.
Donc, si tu veux optimaliser le rendu d'une image en 200x200, met là à la taille désirée avec le rendu qui te convient en utilisant Gimp par exemple.
Maintenant, IE (à partir de la version 7) et FF (3.6) implémentent des options CSS qui permettent de spécifier certains paramètres de rendus pour les images redimensionnées.
Pour FF, ça se passe ici .
Il est à noté que l'algorithme par défaut d'IE est différent en version 7- (nearest-neighbor) et 8+ (bicubic). Pour ce navigateur, le paramètre CSS est -ms-interpolation-mode
Malheureusement, ces petites modifications du CSS sont propres à chaque navigateur. Même si cela corrige ton problème sous FF et que sous IE le rendu est potable, cela risque de flinguer la compatibilité W3C de ton CSS. De plus, que faire avec les algorithmes de redimensionnement d'Opera, de Chrome ou de Safari ? Faut-il espérer un support correct et/ou la possibilité de modifier le rendu ou plus simplement avoir une image à la bonne dimension ?
Les navigateurs utilisent leurs propres algorithmes pour adapter les images demandées.
Certains font du 'bicubic', d'autre travaillent en 'nearest', c'est selon les choix des devs.
Donc, si tu veux optimaliser le rendu d'une image en 200x200, met là à la taille désirée avec le rendu qui te convient en utilisant Gimp par exemple.
Maintenant, IE (à partir de la version 7) et FF (3.6) implémentent des options CSS qui permettent de spécifier certains paramètres de rendus pour les images redimensionnées.
Pour FF, ça se passe ici .
Il est à noté que l'algorithme par défaut d'IE est différent en version 7- (nearest-neighbor) et 8+ (bicubic). Pour ce navigateur, le paramètre CSS est -ms-interpolation-mode
Malheureusement, ces petites modifications du CSS sont propres à chaque navigateur. Même si cela corrige ton problème sous FF et que sous IE le rendu est potable, cela risque de flinguer la compatibilité W3C de ton CSS. De plus, que faire avec les algorithmes de redimensionnement d'Opera, de Chrome ou de Safari ? Faut-il espérer un support correct et/ou la possibilité de modifier le rendu ou plus simplement avoir une image à la bonne dimension ?
Quand on te dit qu'un projet est terminé à 90%, prépare toi pour les 90% suivant
Ninety-Ninety Rule
"Une guerre de religions, c'est quand deux peuples s'entretuent pour savoir qui a le meilleur ami imaginaire"
Vu sur IRC
Ninety-Ninety Rule
"Une guerre de religions, c'est quand deux peuples s'entretuent pour savoir qui a le meilleur ami imaginaire"
Vu sur IRC