April 7, 2018 04:20 pm GMT
Original Link: https://css-tricks.com/keep-pixelated-images-pixelated-as-they-scale/
Keep Pixelated Images Pixelated as They Scale
This is a little reminder that there is a CSS property for helping control what happens to images as they scale up: image-rendering.
We're quite used to the idea that scaling an image larger than its natural size (upscaling) causes it to be blurry. As awful as that is, it's the browser doing the best it can to algorithmically smooth out an image over more pixels than it has data. But let's say you'd really rather not it do …
The post Keep Pixelated Images Pixelated as They Scale appeared first on CSS-Tricks.
Original Link: https://css-tricks.com/keep-pixelated-images-pixelated-as-they-scale/
Share this article:
Tweet
View Full Article