3 ms·
Try this CSS if you want to zoom in without the icons turning into a blurry mess: img { image-rendering: pixelated; }
by jannes 1y ago
Try this CSS if you want to zoom in without the icons turning into a blurry mess:
img {
image-rendering: pixelated;
}
- mmh0000 1y agoNow, this is the kind of obscure hacking I'm on HN for! Also, I wish I had known about that little trick ... years ... ago.
- layer8 1y agoThere should be an `image-rendering: crt;`.
- kragen 1y agoThis is the kind of thing you should implement in a JS library, or by preprocessing the image before you upload it to the web site, not add to the browser platform spec.
- layer8 1y agoI was half-joking, and primarily meant to point out that the pixelated versions aren’t how those icons looked like to users back in the day either. But also, for faithful CRT rendering you want to take the actual screen pixels into account, possibly even the subpixel layout, very much like for text rendering. Therefore there’s something to be said for that to be a browser-level feature.