# Ensuring Pixelated Images Stay Pixelated in our High-DPI World

**URL:** https://forum.kirupa.com/t/ensuring-pixelated-images-stay-pixelated-in-our-high-dpi-world/647780
**Category:** web dev
**Created:** [May 31, 2021, 3:32am UTC](https://forum.kirupa.com/t/ensuring-pixelated-images-stay-pixelated-in-our-high-dpi-world/647780 "2021-05-31T03:32:58Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [May 31, 2021, 3:32am UTC](https://forum.kirupa.com/t/ensuring-pixelated-images-stay-pixelated-in-our-high-dpi-world/647780/1 "2021-05-31T03:32:58Z")

</div>

**This is the before look:**

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/5/54587b68b6eec7db0e5995077fafd1e1472ead1a.png)

**This is the after look:**

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/3/3856c1cf996f0a2aab1b49b58face5eae238e8f3.png)

The CSS technique to pull this off was the following:

```
img.emoji-custom {
    image-rendering: pixelated;
}

```

By setting the `image-rendering` property to **pixelated** on these images, we can ensure the resizing maintains the pixelated behavior.

One of my minor irritations about the old smiley set has now been addressed, and I get to share a CSS technique that hopefully all find interesting and new! 😛

Cheers,  
Kirupa