Pixelated images for vintage inspired websites

We don’t take kindly of modern, huge images here, at Crys. But modern browsers don’t care and they put a significant amount of grease over them. Images must be big or ugly, and therefore I have more grease over my web buttons than in my fries.

But CSS comes to save the day once again! We can force the amazing, pixelated rendering that we want.

@media (min-resolution: 192dpi) { * { image-rendering: pixelated; } }

(I stole from min-resolution Ruben’s retro site, like a lot of other things).