Skip to content
This repository has been archived by the owner on Jun 12, 2023. It is now read-only.

Adds image-rendering: pixelated; to all img tags #10

Closed
wants to merge 1 commit into from

Conversation

Shrinks99
Copy link

Makes all images on the website ignore filtering to preserve their nicely dithered look.

Closes #9

Makes all images on the website ignore filtering to preserve their nicely dithered look.

Closes lowtechmag#9
@rscmbbng
Copy link
Collaborator

HI, thanks for your PR. I've tried it but I find that the crisp rendering looks pretty awful since interpolation happens anyway as images are stretched to 100% (often beyond the original resolution of the dithered image). So this would work for viewing images at exactly 100% of the res, but above or below that the current rendering method is much better.

@Shrinks99
Copy link
Author

I'm not convinced that it looks better blurred but hey, that's an argument about personal preferences and it's your website so to each their own! Have a good one :)

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

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