-
-
Save jcsrb/1081548 to your computer and use it in GitHub Desktop.
| function get_avatar_from_service(service, userid, size) { | |
| // this return the url that redirects to the according user image/avatar/profile picture | |
| // implemented services: google profiles, facebook, gravatar, twitter, tumblr, default fallback | |
| // for google use get_avatar_from_service('google', profile-name or user-id , size-in-px ) | |
| // for facebook use get_avatar_from_service('facebook', vanity url or user-id , size-in-px or size-as-word ) | |
| // for gravatar use get_avatar_from_service('gravatar', md5 hash email@adress, size-in-px ) | |
| // for twitter use get_avatar_from_service('twitter', username, size-in-px or size-as-word ) | |
| // for tumblr use get_avatar_from_service('tumblr', blog-url, size-in-px ) | |
| // everything else will go to the fallback | |
| // google and gravatar scale the avatar to any site, others will guided to the next best version | |
| var url = ''; | |
| switch (service) { | |
| case "google": | |
| // see http://googlesystem.blogspot.com/2011/03/unedited-google-profile-pictures.html (couldn't find a better link) | |
| // available sizes: all, google rescales for you | |
| url = "http://profiles.google.com/s2/photos/profile/" + userid + "?sz=" + size; | |
| break; | |
| case "facebook": | |
| // see https://developers.facebook.com/docs/reference/api/ | |
| // available sizes: square (50x50), small (50xH) , normal (100xH), large (200xH) | |
| var sizeparam = ''; | |
| if (isNumber(size)) { | |
| if (size >= 200) { | |
| sizeparam = 'large' | |
| }; | |
| if (size >= 100 && size < 200) { | |
| sizeparam = 'normal' | |
| }; | |
| if (size >= 50 && size < 100) { | |
| sizeparam = 'small' | |
| }; | |
| if (size < 50) { | |
| sizeparam = 'square' | |
| }; | |
| } else { | |
| sizeparam = size; | |
| } | |
| url = "https://graph.facebook.com/" + userid + "/picture?type=" + sizeparam; | |
| break; | |
| case "gravatar": | |
| // see http://en.gravatar.com/site/implement/images/ | |
| // available sizes: all, gravatar rescales for you | |
| url = "http://www.gravatar.com/avatar/" + userid + "?s=" + size | |
| break; | |
| case "twitter": | |
| // see https://dev.twitter.com/docs/api/1/get/users/profile_image/%3Ascreen_name | |
| // available sizes: bigger (73x73), normal (48x48), mini (24x24), no param will give you full size | |
| var sizeparam = ''; | |
| if (isNumber(size)) { | |
| if (size >= 73) { | |
| sizeparam = 'bigger' | |
| }; | |
| if (size >= 48 && size < 73) { | |
| sizeparam = 'normal' | |
| }; | |
| if (size < 48) { | |
| sizeparam = 'mini' | |
| }; | |
| } else { | |
| sizeparam = size; | |
| } | |
| url = "http://api.twitter.com/1/users/profile_image?screen_name=" + userid + "&size=" + sizeparam; | |
| break; | |
| case "tumblr": | |
| // see http://www.tumblr.com/docs/en/api/v2#blog-avatar | |
| //TODO do something smarter with the ranges | |
| // available sizes: 16, 24, 30, 40, 48, 64, 96, 128, 512 | |
| var sizeparam = ''; | |
| if (size >= 512) { | |
| sizeparam = 512 | |
| }; | |
| if (size >= 128 && size < 512) { | |
| sizeparam = 128 | |
| }; | |
| if (size >= 96 && size < 128) { | |
| sizeparam = 96 | |
| }; | |
| if (size >= 64 && size < 96) { | |
| sizeparam = 64 | |
| }; | |
| if (size >= 48 && size < 64) { | |
| sizeparam = 48 | |
| }; | |
| if (size >= 40 && size < 48) { | |
| sizeparam = 40 | |
| }; | |
| if (size >= 30 && size < 40) { | |
| sizeparam = 30 | |
| }; | |
| if (size >= 24 && size < 30) { | |
| sizeparam = 24 | |
| }; | |
| if (size < 24) { | |
| sizeparam = 16 | |
| }; | |
| url = "http://api.tumblr.com/v2/blog/" + userid + "/avatar/" + sizeparam; | |
| break; | |
| default: | |
| // http://www.iconfinder.com/icondetails/23741/128/avatar_devil_evil_green_monster_vampire_icon | |
| // find your own | |
| url = "http://i.imgur.com/RLiDK.png"; // 48x48 | |
| } | |
| return url; | |
| } | |
| // helper methods | |
| function isNumber(n) { | |
| // see http://stackoverflow.com/questions/18082/validate-numbers-in-javascript-isnumeric | |
| return !isNaN(parseFloat(n)) && isFinite(n); | |
| } |
For twitter you can use:
https://twitter.com/[screen_name]/profile_image?size=original
All Twitter solutions posted here don't work anymore.
You have to use the new authenticated API:
dev.twitter.com/rest/reference/get/users/show
gibatronic, mvujica tip works for me: https://twitter.com/[screen_name]/profile_image?size=original
Facebook's 'large' type is kinda small (200x200). You can use another trick!
https://graph.facebook.com/{user.id}/picture?width=400&height=400
It will cut image to some closer dimension (for 400px - 480px, for 1000px - 689px and so on).
And for github's images you can add param s.
{avatar_url}&s=48
But it doens't make your image too big. I think it's depends on source image size
I wish this info will be helpful!
Have fun
There's an API for getting the Google profile pic and name from an email address without having to sign in -
it's at http://www.avatarapi.com/ - The docs have code in C#, PHP and vanilla HTTP
I created a completely free API service, Dev Identify, it fetches data from sites like Google, G+ and Gravatar just by giving the email of the person! It provides name, location and profile picture of the person. https://devidentify.com
@SociallyDev
Looks good, but could you enable CORS?
The responses don't seem to have the Access-Control-Allow-Origin header:
$ curl -H "Origin: http://localhost:8080" --verbose https://api.devidentify.com/[email protected]
* Trying 104.18.44.46...
* Connected to api.devidentify.com (104.18.44.46) port 443 (#0)
* TLS 1.2 connection using TLS_ECDHE_ECDSA_WITH_AES_128_GCM_SHA256
* Server certificate: sni24922.cloudflaressl.com
* Server certificate: COMODO ECC Domain Validation Secure Server CA 2
* Server certificate: COMODO ECC Certification Authority
* Server certificate: AddTrust External CA Root
> GET /[email protected] HTTP/1.1
> Host: api.devidentify.com
> User-Agent: curl/7.43.0
> Accept: */*
> Origin: http://localhost:8080
how do i find id of user equal email ? (facebook)
This API url didn't work for me. Its showing "Sorry, this page doesn't exist."
https://twitter.com/Rashid_Jorvee/profile_image?size=bigger
@RashidJorvee currently
https://unavatar.now.sh/ works for what you want
Thank you @jcsrb, but I don't think this host is secure and will work always.
I created a completely free API service, Dev Identify, it fetches data from sites like Google, G+ and Gravatar just by giving the email of the person! It provides name, location and profile picture of the person. https://devidentify.com
Looks like domain expired !
Facebook one not supported anymore, requires a token: https://developers.facebook.com/docs/graph-api/reference/v9.0/user/picture
Can not get avatar of twitter with this code. Please help
You're all welcome: https://www.avatarapi.com/
google is not working!
@SociallyDev I assume your service has been offline for many years. Did you open source the code? I'd love to take a look.
@neotropic2023 - is there anyway you know of to get a business avatar using picasaweb? The code only seems to pull user profile pictures, not businesses as well.