How are avatar sizes supposed to render?

Trying to understand the defaults here.. on the admin backend, these are the default values:

image

The Avatar component seems to accept six named sizes, but they currently render in a different scale:

Name Size
tiny 24px
small 24px
medium 48px
large 48px
extra_large 96px
huge 144px

So I wonder what the actual defaults should be? And if some of the named sizes are obsolete?

Looking at an official component like Avatar Size and Shape however, it offers all named sizes and also adjusts the layout differently for medium and large.. But then there’s no difference in actual size of the avatar.

2 Likes