CB Connect avatar profile resolution: Facebook, Twitter, Google

Hi!

I'm making sure that users can authenticate to the MichaelJackson.it site through their Facebook, Twitter and Google accounts. But I ran into some problems.

The image software is ImageMagick.
In the "parameters" section of the Avatar field i set:
- Maximum image height: 320
- Maximum image width: 320
- Maximum image File Size: 4000
- Maximum thumbnail height: 70
- Maximum thumbnail width: 58
- Preserve ratio: CB normal (yes)
- Client side resizing: enabled

FACEBOOK
1. Thumbnail is very grainy/blurry
2. Image is slightly grainy/blurry: 15,2 KB compared to 16,3 KB of the same image (with the same height and width) hosted on Facebook.

TWITTER
1. Thumbnail seems very grainy/blurry
2. Image is very small. The original image hosted on Twitter is 400x400 with 18,4 KB, while the CB image is 48x48 with 878 byte.

GOOGLE
1. Thumbnail seems very grainy/blurry
2. The image is rather grainy/blurry and his size is 100x100, while the size of the same image on the Google account (even this grainy, to tell the truth) is 140x139.

What of all this is normal and what can be solved?

Thanks,
Vincenzo

FACEBOOK
1. Thumbnail is very grainy/blurry
2. Image is slightly grainy/blurry: 15,2 KB compared to 16,3 KB of the same image (with the same height and width) hosted on Facebook.

Full size image looks fine and is the same size as your image limits. Thumbnail looks bad because you're taking a 320x320 image and smashing it down to a 70x58. I recommend not using such a small thumbnail size or you're going to get ugly thumbnails.

TWITTER
1. Thumbnail seems very grainy/blurry
2. Image is very small. The original image hosted on Twitter is 400x400 with 18,4 KB, while the CB image is 48x48 with 878 byte.

That's just the size they provide in their API call to account/verify_credentials. You can review the expected API results below in their documentation.


Specifically it's from profile_image_url value. They have a new endpoint now that can get large image sizes though and have added a feature ticket to review implementing it. Specifically the below endpoint.


forge.joomlapolis.com/issues/8283

GOOGLE
1. Thumbnail seems very grainy/blurry
2. The image is rather grainy/blurry and his size is 100x100, while the size of the same image on the Google account (even this grainy, to tell the truth) is 140x139.

Same issue as Twitter basically. Google didn't allow retrieving a larger size, but now does. Have added feature ticket to implement retrieving a larger size.

forge.joomlapolis.com/issues/8284

Hi krileon and thanks for the answer!

I ask you because I'm new to CB: now what happens?
Will I have to wait for a CB Connect version in which these features are implemented or could I already act on Twitter and Google apps to get them?

Will I have to wait for a CB Connect version in which these features are implemented

Yes.