lowtechmag/solar

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

Shrinks99 opened this issue · 1 comments

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 :(
Screen Shot 2021-09-16 at 7 18 32 PM

Nearest neighbor interpolation — Rad! :D
Screen Shot 2021-09-16 at 7 18 47 PM

Love the site :)

See my comment here: #10 (comment)