こんにちは、
先週末の久々のフットサルで未だ筋肉痛が“ぱない”山本です。
さて・・・
うちのサービスのベビシェアでは各ソーシャルでログイン可能かつ
プロフィール画像も自由に選ぶことが可能です。
で、それを実装しているときに各ソーシャルの画像の大きさ(特に縦横比)が
微妙に異なって困ったことがありました。
ですので、今回Facebook、twitter、mixiでひっぱってこれる
プロフィール画像の取得方法と大きさをまとめてみました!
■1.Facebookの場合
1-1.取得方法
https://graph.facebook.com/[id]/picture
上記[id]にユーザIDなどを入れるだけです。
例:人物
https://graph.facebook.com/ryuichisakamoto/picture
人物だけでなくファンページやFacebookアプリなどすべてのオブジェクトに対しても有効です。
例:
イベント: http://graph.facebook.com/331218348435/picture
グループ: http://graph.facebook.com/69048030774/picture
ファンページ(ベビシェア):https://graph.facebook.com/babyshare/picture
Facebookアプリ:https://graph.facebook.com/2318966938/picture
フォトアルバム: http://graph.facebook.com/platform/picture
1-2.画像の大きさ(縦横サイズ)
パラーメーターに type を指定することで4種類の画像サイズを指定できます。
https://graph.facebook.com/ryuichisakamoto/picture
デフォルト(パラメータなし):50 × 50px の正方形
https://graph.facebook.com/ryuichisakamoto/picture?type=square
50 × 50px の正方形
https://graph.facebook.com/ryuichisakamoto/picture?type=small
横 50px、縦は比率を保った長さ(この場合 66px)
https://graph.facebook.com/ryuichisakamoto/picture?type=normal
横 100px、縦は比率を保った長さ(この場合 133px)
https://graph.facebook.com/ryuichisakamoto/picture?type=large
横 200px、縦は比率を保った長さ(この場合 266px)
1-3.Facebook参考
Graph API / Facebook Developer
http://developers.facebook.com/docs/reference/api/
Graph API / Facebook開発者向けドキュメントの日本語訳とTips
http://facebook-docs.oklahome.net/archives/51906043.html
■2.twitterの場合
2-1.取得方法
http://api.twitter.com/1/users/profile_image/screen_name=[screen_name]
上記[screen_name]にユーザIDを入れるだけです。
例:
http://api.twitter.com/1/users/profile_image?screen_name=ryuichisakamoto
2-2.画像の大きさ(縦横サイズ)
パラーメーターに size を指定することで4種類の画像サイズを指定できます。
http://api.twitter.com/1/users/profile_image?screen_name=ryuichisakamoto
デフォルト(パラメータなし):48 × 48px の正方形
http://api.twitter.com/1/users/profile_image?screen_name=ryuichisakamoto&size=mini
24 × 24px の正方形
http://api.twitter.com/1/users/profile_image?screen_name=ryuichisakamoto&size=normal
48 × 48px の正方形
http://api.twitter.com/1/users/profile_image?screen_name=ryuichisakamoto&size=bigger
73 × 73px の正方形
http://api.twitter.com/1/users/profile_image?screen_name=ryuichisakamoto&size=original
オリジナルの大きさ(この場合 320 × 212px)
2-3.twitter参考
GET users/profile_image/:screen_name | Twitter Developers
https://dev.twitter.com/docs/api/1/get/users/profile_image/:screen_name
■3.mixiの場合
3-1.取得方法
mixiの場合は、きちんと認証手続きやらないと無理なのでここでは割愛します・・・すいません(‘A`)
3-2.画像の大きさ(縦横サイズ)
mixiの場合は1種類のみで、オリジナルのサイズの画像を引っ張ってきます。
そのオリジナルのサイズですが、mixiでアップロード時に長辺180pxにリサイズされるようです。
つまり縦長の画像をアップしたら、横は比率を保った長さ × 縦180px
横長の画像をアップしたら、横180px × 縦は比率を保った長さ になります。
例:アジケ(坂本龍一なかった・・・orz)

http://profile.img.mixi.jp/photo/member/62/59/33516259_2290960336.jpg

http://profile.img.mixi.jp/photo/member/62/59/33516259_319186887842.jpg
3-3.mixi参考
認証認可手順 / mixi Developer Center (ミクシィ デベロッパーセンター)
http://developer.mixi.co.jp/connect/mixi_graph_api/api_auth/
People API / mixi Developer Center (ミクシィ デベロッパーセンター)
http://developer.mixi.co.jp/connect/mixi_graph_api/mixi_io_spec_top/people-api/
以上
是非参考いただければ。
では!
山本
(ちなみに坂本龍一さんを選んだ理由はないです・・・)


