Faible qualité du logo sur Chrome

Bonjour,

La qualité des logos principal et secondaire est très faible lorsque l’on utilise Google Chrome sur ordinateur. Tout fonctionne correctement avec Firefox. Ai-je manqué un paramètre censé améliorer l’affichage ?

Firefox :
image image

Chrome :
image image

Merci.

2 « J'aime »

Cela semble être un problème lié à la façon dont Chrome réduit la taille des images… cela pourrait aider de redimensionner l’image pour qu’elle soit plus proche des dimensions exactes dans lesquelles elle apparaîtra dans l’en-tête, ou si vous ajoutez ce CSS au thème de votre site :

.d-header #site-logo {
    image-rendering: pixelated;
}

Vous trouverez davantage de discussions sur ce problème avec Chrome (et d’autres solutions de contournement potentielles) sur Stack Overflow : https://stackoverflow.com/questions/37906602/blurry-downscaled-images-in-chrome

2 « J'aime »

Bonjour,

Merci pour votre aide. image-rendering: pixelated; ne fait pas grand-chose, mais en parcourant le sujet Stack Overflow que vous avez lié, j’ai découvert que image-rendering: -webkit-optimize-contrast fonctionne mieux, même si ce n’est pas parfait.

Je vais essayer de redimensionner les images et voir si cela s’améliore encore.

1 « J'aime »