When writing our original Facebook integration we searched high and low to try to work out how to get the square profile image at a resolution higher than 50×50 pixels to no avail. The only options we could find were to get the picture, from which your profile picture is taken, at a higher resolution. The problem with this is that it’s not always square and often the user may have setup their profile image to be a cropped area of it.
Well today I was fed up with looking at low resolution images so searched again and managed to find a solution. Using the graph api you can request facebookid/profile?fields=pic_crop
eg http://graph.facebook.com/tactilefusion/profile?fields=pic_crop returns:
{
"data": [
{
"pic_crop": {
"uri": "http://profile.ak.fbcdn.net/hprofile-ak-prn1/t1/p320x320/10992_567316339955054_1439725697_n.jpg",
"width": 320,
"height": 320,
"left": 0,
"top": 0,
"right": 1,
"bottom": 1
},
"id": "447312341955455"
}
]
}
Note that the left, top, right, bottom fields will always be the above they are there for backwards compatibility as it now always returns a cropped image.
So at last we have full res profile images in our new games in production: