# Avatars clipped in Mac Safari

**URL:** https://meta.discourse.org/t/avatars-clipped-in-mac-safari/84337
**Category:** UX
**Created:** [1 באפריל,‏ 2018,‏ 5:52pm UTC](https://meta.discourse.org/t/avatars-clipped-in-mac-safari/84337 "2018-04-01T17:52:12Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![BlackKnob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blackknob/32/93549_2.png) [@BlackKnob](https://meta.discourse.org/u/BlackKnob)
#### Post date: [1 באפריל,‏ 2018,‏ 5:52pm UTC](https://meta.discourse.org/t/avatars-clipped-in-mac-safari/84337/1 "2018-04-01T17:52:12Z")

</div>

did you notice that all avatars in Safari (Mac) are slightly clipped on the left side?

 ![01%20AM](https://global.discourse-cdn.com/meta/original/3X/b/7/b7eb0f5d125716223ed54fdf0c7a8330fcebdaed.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [1 באפריל,‏ 2018,‏ 5:52pm UTC](https://meta.discourse.org/t/avatars-clipped-in-mac-safari/84337/2 "2018-04-01T17:52:53Z")

</div>

Probably specific to the theme you are using.

---

<div class="post-metadata">

### Author: ![BlackKnob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blackknob/32/93549_2.png) [@BlackKnob](https://meta.discourse.org/u/BlackKnob)
#### Post date: [1 באפריל,‏ 2018,‏ 7:50pm UTC](https://meta.discourse.org/t/avatars-clipped-in-mac-safari/84337/3 "2018-04-01T19:50:27Z")

</div>

no, this is on this website as well, all themes with circled avatars are affected.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2 באפריל,‏ 2018,‏ 1:22am UTC](https://meta.discourse.org/t/avatars-clipped-in-mac-safari/84337/4 "2018-04-02T01:22:31Z")

</div>

No repro, I see no clipping on avatars. But note I am using the default theme here.

---

<div class="post-metadata">

### Author: ![schleifer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schleifer/32/86416_2.png) [@schleifer](https://meta.discourse.org/u/schleifer)
#### Post date: [2 באפריל,‏ 2018,‏ 1:33am UTC](https://meta.discourse.org/t/avatars-clipped-in-mac-safari/84337/5 "2018-04-02T01:33:26Z")

</div>

I see it. Light theme in Safari. Happens on the menu, too –  
 ![23%20PM](https://global.discourse-cdn.com/meta/original/3X/7/f/7f6f9ff2fd23927256d193369f9ed0e7699d6a70.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2 באפריל,‏ 2018,‏ 3:12am UTC](https://meta.discourse.org/t/avatars-clipped-in-mac-safari/84337/6 "2018-04-02T03:12:03Z")

</div>

Specific to Mac safari? I don’t see it on iPhone. Maybe @awesomerobot can have a look.

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [2 באפריל,‏ 2018,‏ 3:16am UTC](https://meta.discourse.org/t/avatars-clipped-in-mac-safari/84337/7 "2018-04-02T03:16:19Z")

</div>

Would you guesstimate it’s a 1 pixel crop?

I’m not seeing it with any of my browsers, but it sounds like the “one pixel rounding” quirk. eg. applying 50% to 45px, some browsers round down to 44px - it fits, others round up to 46px - doesn’t fit in a 45px containing element.

---

<div class="post-metadata">

### Author: ![BlackKnob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blackknob/32/93549_2.png) [@BlackKnob](https://meta.discourse.org/u/BlackKnob)
#### Post date: [2 באפריל,‏ 2018,‏ 6:46am UTC](https://meta.discourse.org/t/avatars-clipped-in-mac-safari/84337/8 "2018-04-02T06:46:36Z")

</div>

It only affects Safari on Mac.  
iPhone is ok.

---

<div class="post-metadata">

### Author: ![BlackKnob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blackknob/32/93549_2.png) [@BlackKnob](https://meta.discourse.org/u/BlackKnob)
#### Post date: [4 באפריל,‏ 2018,‏ 6:07pm UTC](https://meta.discourse.org/t/avatars-clipped-in-mac-safari/84337/9 "2018-04-04T18:07:08Z")

</div>

@codinghorror were you able to confirm the problem on Safari (Mac)?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [4 באפריל,‏ 2018,‏ 6:07pm UTC](https://meta.discourse.org/t/avatars-clipped-in-mac-safari/84337/10 "2018-04-04T18:07:50Z")

</div>

I don’t own a Mac so nope.