backyard.weblog

Main Contents

OGPで指定したサムネイル画像の大きさについて(Facebookとかmixiとか…)

/ Service, Web / , , , ,

Post

Facebook の Like Button だとか mixiチェックだとかを入れるときに、OGPで指定したウォールなどに共有されるサムネイル画像の大きさについてメモ。

Facebook

  • サムネイル画像は複数枚指定(複数行)してOK(「いいね」では意味がない)
  • 画像の大きさは50×50ピクセル以上を推奨(ウォール表示の最大サイズは幅90px)
  • 画像の長辺:短辺の比率は3:1以上であること(正方形が推奨)

50×50ピクセル以上で、長辺:短辺 が 3:1 以上であること。
というのが最低限の条件。
この条件を満たさないものは、「いいね」でも「シェア」でも無視される。

条件を満たす最小の50×50ピクセルの画像を指定すると、
↓こんな感じになる。

Facebook

ちなみに、Facebookにおける最良の大きさは何ピクセルかというと、幅が90ピクセル。
↓こんな感じになる。

Facebook

「Square images work best」ってFacebookさんが言っているので、サンプルは正方形で作りました。

og:image – The URL to an image that represents the entity. Images must be at least 50 pixels by 50 pixels. Square images work best, but you are allowed to use images up to three times as wide as they are tall.

幅90px以上の大きさの画像を指定した場合は、幅90pxにリサイズされるので、ウォール上の最大サイズは幅が90pxということになる。画像を自動で縮小されたくないような細かいデザインをするなら、90×90ピクセルでデザインすると良さそう。

mixi

mixiチェックに関して→mixiチェック << mixi Developer Center (ミクシィ デベロッパーセンター)

  • サムネイル画像を複数枚指定(複数行)する場合、指定できる画像の枚数は5枚まで
  • 画像フォーマットは JPEG, PNG, GIF(アニメーションGIF除く)に対応
  • 画像の容量が400KBを超える画像は無視される
  • 画像の容量が1KB未満の画像は無視される
  • 画像の大きさが幅76ピクセル、高さ76ピクセル以下のものは無視される
  • 画像の大きさは幅180ピクセル、高さ180ピクセル以上を推奨
  • 画像の URL として指定できるのは HTTP のみ (HTTPS 未対応)

ということで、キャプチャ用意。
↓これがFacebookで言うところのウォールで共有されるサムネイルの大きさ。

mixi

76×76ピクセルより大きい画像を用意した場合は、76pxにリサイズされる。
ちなみに、推奨されている180×180ピクセルがどこに使われているのかというと…
↓mixiチェックの個別ページにあたるページに使用される。

mixi

だから結局mixiチェックの場合は、180×180ピクセルで用意するのが最良。

何ピクセルで用意する?

  • FacebookのLike Buttonだけであれば、90×90ピクセルで用意すればよい。
  • FacebookのLike Buttonとmixiチェック両方あるなら、180×180ピクセルで用意すればよい。

おまけ:Google+の「+1」で使用される画像とサイズ

Google+

どうやらGoogle+も「og:image」を見ている様子。
長辺が45ピクセルにリサイズされるので、ちっちゃ!(・д・)と思った次第です。

  • Check
  • このエントリーをはてなブックマークに追加
  • Clip to Evernote

Similar Posts

Add Comment

WP-SpamFree by Pole Position Marketing

Comments

From:ikedahidenori
February 13, 2012 (Mon)

OGPで指定したサムネイル画像の大きさについて(Facebookとかmixiとか…) http://t.co/EgSAe8Dm

From:mohsenreza
March 13, 2012 (Tue)

OGPで指定したサムネイル画像の大きさについて(Facebookとかmixiとか…) :: Backyard.weblog http://t.co/V0DdxM3p

From:nikutaiha
March 21, 2012 (Wed)

wall,画像,size,facebook

From:noriaky
March 23, 2012 (Fri)

“OGPで指定したサムネイル画像の大きさについて(Facebookとかmixiとか…) :: Backyard.weblog” http://t.co/dyQkZ20r

From:sika_uma
June 29, 2012 (Fri)

OGPで指定したサムネイル画像の大きさについて(Facebookとかmixiとか…) :: bac… – http://t.co/W9N4OoWk 一人でやってたらこう言う情報は追えないなぁ。。と。

From:mustang_69_kent
July 09, 2012 (Mon)

@s_narr 大先生。facebookのサムネイルしていはできないんですか?ここ見てやったけど、できなかった。http://t.co/mWjFIUK0

From:air_air__
August 07, 2012 (Tue)

OGPで指定したサムネイル画像の大きさについて(Facebookとかmixiとか…) :: backyard.weblog http://t.co/knAxQSxb @urakeyさんから

From:aoasagi
September 05, 2012 (Wed)

これいっつも忘れちゃう

From:aoasagi
September 05, 2012 (Wed)

これいっつも忘れちゃう / “OGPで指定したサムネイル画像の大きさについて(Facebookとかmixiとか…) :: Backyard.weblog” http://t.co/vEYgiRVC

From:piro_log
September 07, 2012 (Fri)

【html】OGPで指定したサムネイル画像の大きさについて(Facebookとかmixiとか…) :: backyard.weblog http://t.co/IoabAu3K @urakeyさんから

From:hanabi_hibana
November 08, 2012 (Thu)

OGPのサムネイル画像の大きさについて(mixiとかもあり)

Trackbacks

Trackback URL