Quantcast
Channel: backyard.weblog » facebook
Viewing all articles
Browse latest Browse all 8

OGPで指定したサムネイル画像の大きさは Facebook Timeline でどうなるの?

$
0
0

Facebookの「タイムライン」機能の公開発表があったので、以前に書いた[OGPで指定したサムネイル画像の大きさについて(Facebookとかmixiとか…)]という記事で触れているサムネイル画像について、Timelineではどうなったのか試してみたメモ書き。

mixiと兼用で180px×180pxの画像を指定していた場合どうなるのか

Facebook

上のキャプチャのようになります。なんか正方形じゃなくなってる!Σ(゚д゚lll)ガーン という状態です。
測ったところ、高さが116px、幅が99pxでした。

116pxに長編(縦)を縮小し、幅が余っている場合はトリミングされるようです。
今のところは・・・(2011.12.19 現在)
ま、別に切れてても構わないし!っていう場合は、別に気にすることではないですね。
横長の画像や縦長の画像を指定した場合は、縦基準でリサイズされている印象。。後述します。

90px×90pxの画像を指定していればいいか

実験した結果、90px×90pxの画像を指定していればよいと言えそうです。
90px×90pxの画像を指定している場合は、そのまま正方形でした。今までの意図通りです。

画像サイズによる表示の違いを試してみる。その1

90px×90pxの正方形と、前述した116px×99px、そして99px×99px以上の大きさの正方形の三種類を試してみます。
画像は単色グレーです。90px×90pxは四隅、他2つは116px×99pxの位置にピンクのドットをつけています。

Facebook

90px×90pxは、余白を取った状態で今まで通り90px×90pxで表示されています。

Facebook

116px×99pxは、余白なしの状態でぴったり表示されています。インパクトを求めるならこの大きさがいいかも。

Facebook

116px×116pxは、縦が116pxに合わせられ、左右はトリミングされています。サイズによるかもしれませんが、ちょっとずれてます。

Facebook

画像サイズによる表示の違いを試してみる。その2

ついでなので、縦と横、どちらが長辺合わせになるのか試してみました。

90pxと150pxで作った縦長画像と横長画像を比較してみたところ、縦基準でリサイズされているみたいです。
縦が116px以上であれば、116pxまで縮小されています。縦が116px以下の場合は縦はそのままに横幅はトリミングされていました。
ピンクのドットは90px×90pxの位置にあります。

Facebook
Facebook

90pxの正方形で作るのが無難?状況に応じて116px×99pxを採用もありかな。


Viewing all articles
Browse latest Browse all 8

Trending Articles