@haverholm possibly to make sure it looks pixely on various high pixel density displays such as phones. Upscaling a pixely source image may end up looking either blurry when using smooth interpolation, or really odd when using nearest-neighbor interpolation with a non-integer scaling factor.

Follow

@jaseg Do upscaled PNG images look blurry in browsers? 🤨
OMG, they do! That's even worse than what we see here solved with vector pixels.
@haverholm@imaginair.es

@m0xee You can tell the browser to upscale in a pixely way, but that doesn't solve the problem. Imagine what happens if you try to render a 32 by 32 pixel graphic into a 35 by 35 pixel area. What you need here *is* anti-aliasing, but not of the pixels, but of the pixel boundaries. SVG I think is just an easy way to get that.

@jaseg I still don't like it 😅
But you are right, what looks like a weird quirk is actually a pretty smart trick!

Sign in to participate in the conversation
Librem Social

Librem Social is an opt-in public network. Messages are shared under Creative Commons BY-SA 4.0 license terms. Policy.

Stay safe. Please abide by our code of conduct.

(Source code)

image/svg+xml Librem Chat image/svg+xml