With just two lines of CSS every dithered image you have can look sharp!

lowtechmag / solar

Pelican theme for solar powered version of lowtechmagazine.com

https://solar.lowtechmagazine.com

465 stars 25 forks source link

With just two lines of CSS every dithered image you have can look sharp! #9

Closed Shrinks99 closed 2 years ago

Shrinks99 commented 2 years ago

I know, it sounds too good to be true but it IS! Applying the following to all dithered images will tell the browser to not filter them meaning your images will all have the lovely crisp pixels!

image-rendering: pixelated;
image-rendering: -moz-crisp-edges;

Closeup screenshots

Blinnear interpolation — Sad :(

Nearest neighbor interpolation — Rad! :D

Love the site :)

rscmbbng commented 2 years ago

See my comment here: https://github.com/lowtechmag/solar/pull/10#issuecomment-926468223