get avatar from google profiles, facebook, gravatar, twitter, tumblr

gistfile1.js

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);
}

Thanks, very helpful

What form would the userid argument take for a google account that's not gmail? The google seems to only work with gmail user IDs. For example, with [email protected], I can pass "joesmith" as the userid argument and it works.

Thank you for this!

FYI, the google one no longer works.

Twitter as well:
"The Twitter REST API v1 is no longer active. Please migrate to API v1.1. https://dev.twitter.com/docs/api/1.1/overview."

Try: http://twitter.com/api/users/profile_image?screen_name=USERNAME
Example: https://twitter.com/api/users/profile_image?screen_name=localpets4you
But redirects to: https://pbs.twimg.com/profile_images/1218433246/p4y-twitter-icon_normal.jpg

Google, no API needed:
$data = file_get_contents('http://picasaweb.google.com/data/entry/api/user/108000104043020660261?alt=json');
$d = json_decode($data);
$avatar = $d->{'entry'}->{'gphoto$thumbnail'}->{'$t'};
// Outputs example: https://lh3.googleusercontent.com/-2N6fRg5OFbM/AAAAAAAAAAI/AAAAAAAAADE/2-RmpExH6iU/s64-c/photo.jpg

CHANGE: the 64 in "s64" for the size

Sorry, for some reason I thought this was PHP, lol. Silly me.

@neotropic2023 thanks for the Google update!

@neotropic2023 - Not sure how you figured out that bit but it's some good code!

@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.

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

https://aq-twito.herokuapp.com/twitter/api/{user_name}

http://www.avatarapi.com/
https://devidentify.com
https://twitter.com/[screen_name]/profile_image?size=original
https://graph.facebook.com/{user.id}/picture?width=400&height=400

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.