Fix user avatar size (URL)

[maxceem]

In the new left sidebar and on the user profile page we are loading the full-sized user avatar directly from S3

Such images may have a very big size.

Instead, we should load avatars through the cloudfront service, as we do it for use avatar in the top toolbar:

Before we fixed this issue for the top toolbar #2839. We should fix this issue now for all places in Connect App where we show user avatar, if there any others not only for mentioned above.

TODO:

1. Find all the places where we load user avatars.
2. Fix all of them to load avatars using cloudfront service. And it should load image in the size which is necessary for the particular avatar image, like 35, 40, 80 and so on.

[maxceem]

We already have such issues in the past:

• [$25] Main user avatar is loaded directly from S3 rather than from CloudFront #2839
• [$150] Reduce the avatar file size #1663

[maxceem]

This is now fixed via 0da8698
and can be tested on DEV.

[nithyaasworld]

@maxceem But the quality of the cloudfront images are not looking good! Please find the difference below:

Instead of using cloudfront (which compromises the quality), can we restrict the user from uploading images of big-sizes and always render from s3? Currently we are not restricting the user from uploading images of big-sizes.

[maxceem]

Nice catch @nithyaasworld. We can get from the CloudFront images in double resolution (60 -> 120) which should make them look quite the same as in original size while still keeping their size small.

I've updated this for user avatars on the sidebar and pushed to DEV. Let me know if this looks good to you or no.

Note, that all other user pictures are still shown from CloudFront in the 1x size, so we may think if we also should get them in 2x size too, to increase the quality.

[vikasrohit]

How much time it would take us to replace all images with 2x, if that looks better?

[maxceem]

How much time it would take us to replace all images with 2x, if that looks better?

about 10 minutes (replace all images for user avatars)

[nithyaasworld]

Thanks @maxceem. It looks better now!