←back to thread

310 points rbanffy | 3 comments | | HN request time: 0.666s | source
Show context
jannes ◴[] No.44006659[source]
Try this CSS if you want to zoom in without the icons turning into a blurry mess:

  img {
    image-rendering: pixelated;
  }
replies(2): >>44009222 #>>44010810 #
1. layer8 ◴[] No.44010810[source]
There should be an `image-rendering: crt;`.
replies(1): >>44012860 #
2. kragen ◴[] No.44012860[source]
This 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.
replies(1): >>44014368 #
3. layer8 ◴[] No.44014368[source]
I 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.