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 :
Chrome :
Thanks.
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 :
Chrome :
Thanks.
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
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.