4 ms·
Cool browser. But, these icons were not meant to be rendered with the heavy anti-aliasing performed by today's web browsers and displays. There is now a CSS pro
by jdelman 4y ago
Cool browser. But, these icons were not meant to be rendered with the heavy anti-aliasing performed by today's web browsers and displays. There is now a CSS property `image-rendering` which you can set to `pixelated` to perform nearest-neighbor resizing. This looks great as long as you use a sensible whole-number multiple for the image dimensions.
Try adding a `* {image-rendering: 'pixelated'}` in dev tools and you can see these icons in their true glory.
- layer8 4y agoThey were meant to be rendered with the inherent anti-aliasing of a CRT screen. Pixelated rendering on a high-DPI screen will look quite different.
- pavlov 4y agoColor LCDs were common on Windows laptops in 1998, and decent CRTs in late 1990s were quite sharp. Pixelated rendering is closest to the design intent IMO.