Hi Brajesh, thank you again for spotting this issue.
This is not a custom css, neither from the buddypress.min.css file, so where does this rule belong?

Apparently it is not possible to overwrite in custom css, so how can I delete or change this?

img[Attributes Style] {
    width: 50px;
    aspect-ratio: auto 50 / 50;
    height: 50px;
}

Regards
Carsten

Hi Brajesh, thanks for the clarification, now it all make sense.

Regards
Carsten

Hi Brajesh, thank you, now my avatars are sharp in the profile header, but the avatars in the widgets are not.

https://imgur.com/YgI3gua

“if you use thumb at larger than 50 and full larger than 150px, they will not look sharp.”

But an avatar smaller than that, like in a widget, should be sharp then?

In which case should I use the code below?

Regards
Carsten

if ( ! defined( 'BP_AVATAR_THUMB_WIDTH' ) )
    define( 'BP_AVATAR_THUMB_WIDTH', 50 ); //change this with your desired thumb width
 
if ( ! defined( 'BP_AVATAR_THUMB_HEIGHT' ) )
    define( 'BP_AVATAR_THUMB_HEIGHT', 50 ); //change this with your desired thumb height
 
if ( ! defined( 'BP_AVATAR_FULL_WIDTH' ) )
    define( 'BP_AVATAR_FULL_WIDTH', 260 ); //change this with your desired full size,weel I changed it to 260 :)
 
if ( ! defined( 'BP_AVATAR_FULL_HEIGHT' ) )
    define( 'BP_AVATAR_FULL_HEIGHT', 260 ); //change this to default height for full avatar

Hi Brajesh, so where is BP using the two formats, thumbnail size 50×50 for widgets and directories, and full size on profile page?

You wrote that BuddyPress sets 2 sizes(thumbnail 50px, full 150px).

But if you are using Member Types Pro, the full image size is 260×260?

https://imgur.com/ul80OtB

“if you use thumb at larger than 50 and full larger than 150px, they will not look sharp.”

Just to clarify, so if I want to use larger than 150px, eg. 450px for my full width size on mobile, I should just add this size to this code?
https://buddydev.com/changing-default-avatar-size-croppedused-by-buddypress/

Regards
Carsten

Hi there, I’m using this snippet to use different default avatar based on BuddyPress Member Types.

The image size was set to 300×300 so maybe this was causing the issue?

I changed the avatar sizes to 50×50 so now they are all blurry. What can I do about that?

https://imgur.com/b3lHV9e

Regards
Carsten

//Using different default avatar based on BuddyPress Member Types

 function buddydev_set_default_use_avatar_based_on_member_type( $avatar, $params) {
    $user_id = $params['item_id'];
 
    $type = bp_get_member_type( $user_id );
 
    if ( $type == 'man' ) {
        $avatar = 'https://domain/wp-content/uploads/2021/08/Avatar-man-50x50-1-e1679832244590.jpeg';
    } elseif( $type =='woman' ) {
        $avatar = 'https://domain/wp-content/uploads/2021/08/Avatar-woman50x50-1-e1679831984556.jpeg';
    } else {
        $avatar = 'https://domain/wp-content/uploads/2022/08/mystery-man.jpeg';//get_template_directory_uri() . '/assets/images/unknown.png';
    }
 
    return $avatar;
}
 
add_filter( 'bp_core_default_avatar_user', 'buddydev_set_default_use_avatar_based_on_member_type', 10, 2 );