# Wie mache ich Avatare rund

**URL:** <https://meta.discourse.org/t/how-do-i-make-avatars-round/131408>\
**Category:** Product Support\
**Created:** [18. Oktober 2019 um 23:42 UTC](https://meta.discourse.org/t/how-do-i-make-avatars-round/131408 "2019-10-18T23:42:21Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)\
**Post date:** [3. April 2023 um 18:28 UTC](https://meta.discourse.org/t/how-do-i-make-avatars-round/131408/4 "2023-04-03T18:28:40Z")

</div>

Ich weiß, es ist eine Weile her, seit dieses Thema das letzte Mal angesprochen wurde, aber ich dachte, ich füge hinzu, dass man den Grad der Rundung von Avataren in CSS mit der `border-radius`-Einstellung steuern kann (wir haben ihn bei 6px):

```scss
img.avatar {
  border-radius: 6px;
}

```

Je höher die Zahl, desto runder die Ecken. Wenn man ihn auf 0 setzt, sind Avatare perfekt quadratisch. Ich glaube, 24px macht sie perfekt rund. Man kann also sehr granular steuern, wie Avatare aussehen sollen. Man kann quadratische Avatare so aussehen lassen, als wären sie alte Retro-Fernsehbildschirme. lol

Hinweis: Die Avatar-Rundung kann zwischen Desktop- und Mobilansichten etwas unterschiedlich aussehen, daher möchte man sie dort vielleicht separat steuern.

---

_[View the full topic](https://meta.discourse.org/t/how-do-i-make-avatars-round/131408)._