Facebookの「タイムライン」機能の公開発表があったので、以前に書いた[OGPで指定したサムネイル画像の大きさについて(Facebookとかmixiとか…)]という記事で触れているサムネイル画像について、Timelineではどうなったのか試してみたメモ書き。
mixiと兼用で180px×180pxの画像を指定していた場合どうなるのか
上のキャプチャのようになります。なんか正方形じゃなくなってる!Σ(゚д゚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の位置にピンクのドットをつけています。
90px×90pxは、余白を取った状態で今まで通り90px×90pxで表示されています。
116px×99pxは、余白なしの状態でぴったり表示されています。インパクトを求めるならこの大きさがいいかも。
116px×116pxは、縦が116pxに合わせられ、左右はトリミングされています。サイズによるかもしれませんが、ちょっとずれてます。
画像サイズによる表示の違いを試してみる。その2
ついでなので、縦と横、どちらが長辺合わせになるのか試してみました。
90pxと150pxで作った縦長画像と横長画像を比較してみたところ、縦基準でリサイズされているみたいです。
縦が116px以上であれば、116pxまで縮小されています。縦が116px以下の場合は縦はそのままに横幅はトリミングされていました。
ピンクのドットは90px×90pxの位置にあります。
90pxの正方形で作るのが無難?状況に応じて116px×99pxを採用もありかな。