أعلم أن الأمر مضى عليه بعض الوقت بالنسبة لهذا الموضوع ولكني اعتقدت أنني سأضيف أنه يمكن للمرء التحكم في درجة استدارة الصور الرمزية باستخدام CSS مع إعداد border-radius (لدينا عند 6 بكسل):
img.avatar {
border-radius: 6px;
}
كلما زاد الرقم، زادت استدارة الزوايا. تعيينه إلى 0 يجعل الصور الرمزية مربعة تمامًا. أعتقد أن 24 بكسل يجعلها مستديرة تمامًا. لذلك يمكنك أن تكون دقيقًا جدًا في كيفية ظهور الصور الرمزية. يمكنك جعل الصور الرمزية المربعة تبدو وكأنها شاشات تلفزيون قديمة كلاسيكية. هههه
ملاحظة: قد تبدو استدارة الصور الرمزية مختلفة قليلاً بين العرض على سطح المكتب والجوال، لذا قد ترغب في التحكم فيها بشكل منفصل هناك.