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