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):
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.