J'ai une image zoomable sur le site. Lorsque l'image est agrandie dans une large mesure, elle apparaît très SHARP et moche.CSS Solution de rendu d'image
J'ai essayé d'utiliser le rendu d'image: opimizequality, optimizespeed CSS mais ne fonctionnait pas.
Existe-t-il une autre solution?
Merci
Selon image-rendering on MDC, image-rendering est actuellement uniquement pris en charge dans Firefox 3.6. Une propriété similaire, -ms-interpolation-mode, est disponible pour IE7 et IE8. Les autres navigateurs ne semblent pas encore avoir cette fonctionnalité.
En tant que latze mentioned, le mieux est de modifier l'image elle-même, en l'adaptant au niveau dont vous avez besoin. Je ne suis pas sûr, mais vous pouvez essayer d'utiliser <canvas> pour effectuer l'interpolation que vous désirez.
Je voudrais simplement modifier l'image au lieu du CSS. Essayez de rendre l'image légèrement plus grande étape par étape tout en vous assurant que l'image ne soit pas (comme nous l'appelons en danois, pas sûr si elle corrige l'anglais) "pixelate". Cela peut être fait dans divers programmes d'édition d'image de The Gimp-shop à Photoshop.
Oh! Je viens de lire à nouveau la question et je me suis rendu compte que j'avais répondu à la question comme si votre problème était que l'image avait UNsharp en zoomant - désolé :) – Latze
Les images ne sont pas conçues pour être redimensionnées. Pensez à une image comme un graphique où chaque pixel est un seul carré dans le graphique. Si vous étirez l'image, vous faites essentiellement ressortir les pixels. Certains programmes essaient de remplir ces pixels avec ce qu'ils pensent y adapter, d'autres agrandissent simplement le pixel et d'autres remplissent simplement les zones environnantes avec les mêmes pixels pour lui donner une sorte d'effet brillant. Redimensionner les images, même si elles ont tendance à mieux fonctionner, crée également le même effet, car vous supprimez simplement les pixels au lieu de les ajouter. La plupart des programmes que j'ai vus vont écraser les pixels ensemble, combinant les couleurs de ces pixels. Si vous avez une image très détaillée, alors découper des pixels va faire paraître horrible. Il n'y a pas de moyen vraiment sûr de déterminer quels pixels doivent être conservés pour garder l'image globale intacte. La plupart des sites Web dotés de fonctions de zoom ont une image beaucoup plus grande qui a été redimensionnée et vous permettent de zoomer pour afficher les détails de l'image agrandie. Certains obtiennent même des images séparées de l'un détaillé détaillé et un aperçu plus petit.
Dans quel navigateur avez-vous essayé? –
firefox ... Je vais bien si ça marche juste pour firefox – Kasturi