Facebookのスマホ版でも上下が欠けないOGP画像にするには

[法人向けのETC専用カード>>]

※2013年8月31日現在有効です。

FacebookでURLを投稿したりリンクをシェアしたときに表示されるサイトのサムネイル画像はogp:imageで指定することができます。
Facebookでは正方形の画像が推奨されていますが、これを鵜呑みにして正方形で作ると、スマートフォン版のFacebookで見た場合は上下が欠けて表示されます。

PC版では
PCページで見たときのOGP画像

スマホでは
スマートフォンでのOGP画像の見え方

これは、PCは正方形で表示されるのですが、スマホでは長方形で表示させるために上下を無理やりトリミングしてしまうからのようです。

PC、スマートフォンの両方できちんと見せるためには、まず正方形でサムネイル画像を作り、その両側に正方形の横幅の半分の余白を付けると良いようです。
例:高さ400px、幅200px(左余白)+400px(真ん中画像)+200px(右余白)

推奨サイズのOGP画像
※余白はグレーでなくても問題ありません。

Facebookの仕様はコロコロ変わるので現時点だけかもしれませんが、ご参考まで。

お問い合わせinquiry

  • ホームページ・ポータルサイト制作、企業支援、デジタルパンフレットの制作代行に関することはお気軽にご相談・お問い合わせください

    TEL:06-6467-6540

    電話受付時間:平日9:30~18:30

  • メールでのお問い合わせは24時間受付OK!(無料)

    メール受付はコチラ

対応エリアbusiness area

大阪府全域(大阪市など)和歌山県紀南地方(新宮市、那智勝浦町など)兵庫県神戸市近辺京都府南部奈良県北部をメインエリアとしておりますが、その他のエリアについても内容によっては対応可能ですので、お気軽にご相談ください。

ページトップへ戻る