Low logo quality on Chrome

Hi,

The quality of both the main and the small logo is very low when using Google Chrome on desktop. Everything is fine with Firefox though. Did I miss a setting that’s supposed to make it look better ?

Firefox :
image image

Chrome :
image image

Thanks.

2 Likes

This seems like an issue with how Chrome downscales images… it might help to resize the image to be closer to the exact dimensions it will appear as in the header, or if you add this CSS to your site’s theme:

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

There’s some more discussion about this issue with Chrome (and other potential workarounds) on Stack Overflow: html - Blurry downscaled images in Chrome - Stack Overflow

2 Likes

Hi,

Thanks for your help. image-rendering: pixelated; doesn’t do much, but by browsing the Stack Oveflow topic you linked, I found that image-rendering: -webkit-optimize-contrast works better, even if it’s not perfect.

I’ll try to resize the images and see if it gets even better.

1 Like