Facebook Graph API : get larger pictures in one request

FacebookFacebook Graph-Api

Facebook Problem Overview


I'm currently using the Graph API Explorer to make some tests. That's a good tool.

I want to get the user's friend list, with friends' names, ids and pictures. So I type :

https://graph.facebook.com/me/friends?fields=id,picture,name

But picture is only 50x50, and I would like a larger one in this request.

Is it possible ?

Facebook Solutions


Solution 1 - Facebook

As described in this bug on Facebook, you can also request specific image sizes now via the new API "field expansion" syntax.

Like so:

https://graph.facebook.com/____OBJECT_ID____?fields=picture.type(large)

Solution 2 - Facebook

The best way to get all friends (who are using the App too, of course) with correct picture sizes is to use field expansion, either with one of the size tags (square, small, normal, large):

/me/friends?fields=picture.type(large)

(edit: this does not work anymore)

...or you can specify the width/height:

me/friends?fields=picture.width(100).height(100)

Btw, you can also write it like this:

me?fields=friends{picture.type(large)}

Solution 3 - Facebook

you do not need to pull 'picture' attribute though. there is much more convenient way, the only thing you need is userid, see example below;

https://graph.facebook.com/user_id/picture?type=large

p.s. type defines the size you want

plz keep in mind that using token with basic permissions, /me/friends will return list of friends only with id+name attributes

Solution 4 - Facebook

You can set the size of the picture in pixels, like this:

https://graph.facebook.com/v2.8/me?fields=id,name,picture.width(500).height(500)

In the similar manner, type parameter can be used

{user-id}/?fields=name,picture.type(large)

From the documentation

> type > enum{small, normal, album, large, square}

Solution 5 - Facebook

Change the array of fields id,name,picture to id,name,picture.type(large)

https://graph.facebook.com/v2.8/me?fields=id,name,picture.type(large)&access_token=<the_token>

Result:

{
   "id": "130716224073524",
   "name": "Julian Mann",
   "picture": {
      "data": {
         "is_silhouette": false,
         "url": "https://scontent.xx.fbcdn.net/v/t1.0-1/p200x200/15032818_133926070419206_3681208703790460208_n.jpg?oh=a288898d87420cdc7ed8db5602bbb520&oe=58CB5D16"
      }
   }
}

Solution 6 - Facebook

You can also try getting the image if you want it based on the height or width

https://graph.facebook.com/user_id/picture?height=<the height you want>

OR

https://graph.facebook.com/user_id/picture?width=<the width you want>

The values are by default in pixels you just need to provide the int value

Solution 7 - Facebook

I researched Graph API Explorer extensively and finally found full_picture

https://graph.facebook.com/v2.2/$id/posts?fields=picture,full_picture

P.S. I noticed that full_picture won't always provide full size image I want. 'attachments' does

https://graph.facebook.com/v2.2/$id/posts?fields=picture,full_picture,attachments

Solution 8 - Facebook

Hum... I think I've found a solution.

In fact, in can just request

https://graph.facebook.com/me/friends?fields=id,name

According to http://developers.facebook.com/docs/reference/api/ (section "Pictures"), url of profile's photos can be built with the user id

For example, assuming user id is in $id :

"http://graph.facebook.com/$id/picture?type=square"
"http://graph.facebook.com/$id/picture?type=small"
"http://graph.facebook.com/$id/picture?type=normal"
"http://graph.facebook.com/$id/picture?type=large"

But it's not the final image URL, so if someone have a better solution, i would be glad to know :)

Solution 9 - Facebook

You can specify width & height in your request to Facebook graph API: http://graph.facebook.com/user_id/picture?width=500&height=500

Solution 10 - Facebook

From v2.7, /<picture-id>?fields=images will give you a list with different size of the images, the first element being the full size image.

I don't know of any solution for multiple images at once.

Solution 11 - Facebook

I got this error when I made a request with picture.type(full_picture):

> "(#100) For field 'picture': type must be one of the following > values: small, normal, album, large, square"

When I make the request with picture.type(album) and picture.type(square), responses me with an image 50x50 pixel size.

When I make the request with picture.type(large), responses me with an image 200x200 pixel size.

When I make the request with picture.width(800), responses me with an image 477x477 pixel size.

with picture.width(250), responses 320x320.

with picture.width(50), responses 50x50.

with picture.width(100), responses 100x100.

with picture.width(150), responses 160x160.

I think that facebook gives the images which resized variously when the user first add that photo.

> What I see here the API for requesting user Image does not support > resizing the image requested. It gives the nearest size of image, I think.

Solution 12 - Facebook

You can size it as follows.

Use:

https://graph.facebook.com/USER_ID?fields=picture.type(large)

For details: https://developers.facebook.com/docs/graph-api/reference/user/picture/

Solution 13 - Facebook

In pictures URL found in the Graph responses (the "http://photos-c.ak.fbcdn.net/" ones), just replace the default "_s.jpg" by "_n.jpg" (? normal size) or "_b.jpg" (? big size) or "_t.jpg" (thumbnail).

Hacakable URLs/REST API make the Web better.

Solution 14 - Facebook

rest-fb users (square image, bigger res.): Connection myFriends = fbClient.fetchConnection("me/friends", User.class, Parameter.with("fields", "public_profile,email,first_name,last_name,gender,picture.width(100).height(100)"));

Solution 15 - Facebook

I think that as of now the only way to get large pictures of friends is to use FQL. First, you need to fetch a list of friends:

https://graph.facebook.com/me/friends

Then parse this list and extract all friends ids. When you have that, just execute the following FQL query:

SELECT id, url FROM profile_pic WHERE id IN (id1, id2) AND width=200 AND height=200

200 here is just an exemplary size, you can enter anything. You should get the following response:

{
  "data": [
    {
      "id": ..., 
      "url": "https://fbcdn-profile-a.akamaihd.net/..."
    }, 
    {
      "id": ..., 
      "url": "https://fbcdn-profile-a.akamaihd.net/..."
    }
  ]
}

With each url being the link to a 200x200px image.

Solution 16 - Facebook

I have the same problem but i tried this one to solve my problem. it returns large image. It is not the perfect fix but you can try this one.

https://graph.facebook.com/v2.0/OBJECT_ID/picture?access_token=XXXXX

Solution 17 - Facebook

try to change the size of the image by changing the pixel size from the url in each json object as follows :

for example I change s480x480 to be s720x720

Before : https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xfp1/t1.0-9/q71/s480x480/10454308_773207849398282_283493808478577207_n.jpg

After : https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xfp1/t1.0-9/q71/s720x720/10454308_773207849398282_283493808478577207_n.jpg

Solution 18 - Facebook

JS styled variant. Just set enormous large picture width and you will get the largest variant.

FB.api(
  '/' + userId,
  {fields: 'picture.width(2048)'},
  function (response) {
    if (response && !response.error) {
      console.log(response.picture.data.url);
    }
  }
);

Solution 19 - Facebook

You can use full_picture instead of picture key to get full size image.

Solution 20 - Facebook

Note: From Graph API v8.0 you must provide the access token for every UserID request you do.

Hitting the graph API:

https://graph.facebook.com/<user_id>/picture?height=1000&access_token=<any_of_above_token>

With firebase:

FirebaseUser user = mAuth.getCurrentUser();
String photoUrl = user.getPhotoUrl() + "/picture?height=1000&access_token=" +
  loginResult.getAccessToken().getToken();

You get the token from registerCallback just like this

       LoginManager.getInstance().registerCallback(mCallbackManager, new FacebookCallback<LoginResult>() {
        @Override
        public void onSuccess(LoginResult loginResult) {
            FirebaseUser user = mAuth.getCurrentUser();
            String photoUrl = user.getPhotoUrl() + "/picture?height=1000&access_token=" + loginResult.getAccessToken().getToken();
        }

        @Override
        public void onCancel() {
            Log.d("Fb on Login", "facebook:onCancel");
        }

        @Override
        public void onError(FacebookException error) {
            Log.e("Fb on Login", "facebook:onError", error);
        }
    });

This is what documentation says:

> Beginning October 24, 2020, an access token will be required for all > UID-based queries. If you query a UID and thus must include a token: > > - use a User access token for Facebook Login authenticated requests > - use a Page access token for page-scoped requests > - use an App access token for server-side requests > - use a Client access token for mobile or web client-side requests > > We recommend that you only use a Client token if you are unable to use > one of the other token types.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionMartinView Question on Stackoverflow
Solution 1 - FacebookthaddeusmtView Answer on Stackoverflow
Solution 2 - FacebookandyrandyView Answer on Stackoverflow
Solution 3 - FacebookYilmaz GuleryuzView Answer on Stackoverflow
Solution 4 - FacebookAgu DondoView Answer on Stackoverflow
Solution 5 - FacebookJulian MannView Answer on Stackoverflow
Solution 6 - FacebookSwaprksView Answer on Stackoverflow
Solution 7 - FacebookJonghee ParkView Answer on Stackoverflow
Solution 8 - FacebookMartinView Answer on Stackoverflow
Solution 9 - FacebookAlexey KislitsinView Answer on Stackoverflow
Solution 10 - FacebookmaxbellecView Answer on Stackoverflow
Solution 11 - FacebookEblemeView Answer on Stackoverflow
Solution 12 - FacebookEmre TuncerView Answer on Stackoverflow
Solution 13 - FacebookRonanView Answer on Stackoverflow
Solution 14 - FacebooksigiView Answer on Stackoverflow
Solution 15 - FacebookPaweł GościckiView Answer on Stackoverflow
Solution 16 - FacebookAjayView Answer on Stackoverflow
Solution 17 - FacebookE_XView Answer on Stackoverflow
Solution 18 - FacebookDzmitry VasilevskyView Answer on Stackoverflow
Solution 19 - FacebookKhalil ur RehmanView Answer on Stackoverflow
Solution 20 - FacebookGmacvView Answer on Stackoverflow