image-rendering may improve image quality on Chromium Browsers

[ricealexander]

I'm viewing the site from my Windows desktop from Brave Browser (Chromium).
The images appear slightly blurry.

When the following CSS is applied, the image quality is greatly improved.

.screenshot img {
    image-rendering: -webkit-optimize-contrast;
}

In Google Chrome, Microsoft Edge, and Brave Browser (all Chromium), applying that CSS greatly improved the quality of the image. In Firefox, the image displayed at a high-quality without any image-rendering changes needed.

[chriscoyier]

done