# Blurry Emojis on Chrome

**URL:** <https://meta.discourse.org/t/blurry-emojis-on-chrome/224080>\
**Category:** Product Support\
**Created:** [April 12, 2022, 6:50pm UTC](https://meta.discourse.org/t/blurry-emojis-on-chrome/224080 "2022-04-12T18:50:04Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [April 13, 2022, 3:45pm UTC](https://meta.discourse.org/t/blurry-emojis-on-chrome/224080/3 "2022-04-13T15:45:06Z")

</div>

Pretty sure this is related to how Chrome downscales images, if for example, you open up the browser inspector and set an emoji to the intrinsic dimensions (72px square in this case)… the image is crisp:

![Screen Shot 2022-04-13 at 11.36.03 AM](https://global.discourse-cdn.com/meta/original/4X/3/e/e/3ee0028fe270a1a73687e0818e285b135a1adf05.png)

Some more examples:

72 / 36 = 2 ✅ crisp emoji

![Screen Shot 2022-04-13 at 11.38.49 AM](https://global.discourse-cdn.com/meta/original/4X/0/5/d/05d1dbfa291ac69c415d2ca40c28e8d0ea1c13e3.png)

72 / 37 = 1.945 ❌ blurry emoji

![Screen Shot 2022-04-13 at 11.38.54 AM](https://global.discourse-cdn.com/meta/original/4X/2/d/3/2d32548054202cc74e36ba34200d4867d5007994.png)

We render emoji at 20px, so:

72 / 20 = 3.6 ❌ blurry emoji

![Screen Shot 2022-04-13 at 11.43.56 AM](https://global.discourse-cdn.com/meta/original/4X/5/2/0/5205d23bca80b1577b7ea97c3d9d82b87ef520d2.png)

In theory this would go away if we used 60px images for emoji instead of 72px? Though I wonder if this is related to pixel density/scaling… some devices use 2X, some use 3X 🤔

---

_[View the full topic](https://meta.discourse.org/t/blurry-emojis-on-chrome/224080)._
