Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature request: pixelated images #7

Open
MarkJeronimus opened this issue Apr 14, 2019 · 1 comment
Open

Feature request: pixelated images #7

MarkJeronimus opened this issue Apr 14, 2019 · 1 comment

Comments

@MarkJeronimus
Copy link

As one who studied signal processing, I disagree with the way the JPEG wavelets and the cat image are displayed. They shouldn't be displayed resampled but pixelated because only the values at integer coordinates matter.

This can be achieved with these extra CSS rules:

        image-rendering: -moz-crisp-edges;         /* Firefox */
        image-rendering:   -o-crisp-edges;         /* Opera */
        image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */

Image

Crisp image

@Jezzamonn
Copy link
Owner

Right, yeah I see what you mean. I did actually pick the smooth images kind of on purpose just to make them look smooth to emphasise the fact they're waves, but it might be better to do make them pixelated. The cat image below is pixelated to emphasise the separate blocks.

Let me think and get back to this!

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

No branches or pull requests

2 participants