Hey there,

You can add the following Custom CSS code into Backend > EasySocial > Themes > Custom CSS:

body #es.mod-es.mod-es-menu  .mod-es-pf-hd__avatar .o-avatar--lg {

    width: 200px;

    height: 200px;

}

Do take note that you need to clear all of your caches before you see the changes.

Hello,

We do not want the image displayed to be 200x200 but the image generated by the module is 200x200 (still displayed at 56x56).

We hope that the image will be of very good quality, because here, with Google's PageSpeed ​​tool to accelerate the pages, the images have been damaged.

After that, it is not certain that this is possible.

Best regards.

Hey there,

I am really sorry that I misunderstood your question earlier.

By right, it should show 200 x 200px as shown in the screenshot based on the Easysocial menu module code. https://take.ms/iZrwe

Currently, we are not sure why it show different size for that avatar but when I was trying to login on your site, it gave me the following error:

Warning

Login denied! Your account has either been blocked or you have not activated it yet.

Can you activate this user account so we can better have a check?

The account has been unlocked.

Best regards.

Hey there,

Sorry for the late reply.

After further checking, we realised that your image link has contain pagespeed word and we suspect the image size has been optimized to 64x64 by it as shown in the screenshot. https://take.ms/qD5EA

Because we did check for for user original avatar image and its size already resize to 200x200px, you can check it out this image link. https://www.leweborateur.fr/media/com_easysocial/avatars/users/150/81ab66c9e6fb63371a9a30795eb35ec4_square.jpg (download it and check the image propertise)

Can you try to turn off this pagespeed temporary from your server and see how it goes? Because we would like to see whether your site avatar image optimized by this pagespeed or not.

Hello,

It's the Google "PageSpeed" tool that "transforms" images, for some strange reason. When "PageSpeed" is turned off, images return to normal.

This only occurs for Easysocial, Easydiscuss, and Easyblog components and modules.

We have already modified several files so that the images are good qualities (ticket: https://stackideas.com/forums/easysocial-avatar-images-of-the-easysocial-modules)

But we did not manage to do better for the Easysocial Menu module.

Best regards.

Do you mean these 2 modules (mod_easysocial_friend_suggestions and mod_easysocial_friends) avatar image can able load 200x200px except Easysocial menu module?

Hello,

Remember, the image generated was 32x32 with "Pagespeed" while it is displayed at 40x40px. By modifying the file, the generated image is now 64x64, which is sufficient for a quality image displayed at 40x40.

But for a 52x52 displayed image, as in the Easysocial Menu module, the 64x64 generated format is not enough, the image is of very poor quality.

Is it possible to integrate in the code the sequence of the avatar present in the profile page? (img1) Maybe it will generate an image of 200x200.

Best regards.

Can you check again and see whether is it show fine now?

From what I tested, it seems like if the img tag contain specific width attribute, this pagespeed will respect it.

If I didn't specific any width attribute under this img tag, it seems like it will load back 200x200px .

I did help you template override for this file on your site. JoomlaFolder/templates/ja_social_ii/html/com_easysocial/helpers/avatar/user.php , can you give it a check is it show correct now?

If it did affect other thing, remember rename this file and update us.