og:image Simulator

画像をドラッグ&ドロップしてください...

OGP画像シミュレータ | og:image Simulator

FacebookのOGP画像は、正方形で表示されたり横長で表示されたり、デザインするのがとっても大変 (´・ω・`)
そんなときに役立つかもしれないのがこのOGP画像プレビューツール。
デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう!

https://ogimage.tsmallfield.com/
ファイルを選択
リセット

OGP画像の最適な画像サイズは?

画像サイズは 1200 x 630 px 以上推奨

https://developers.facebook.com/docs/opengraph/creating-object-types/#properties

最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。
(2014年01月現在)

OGP画像をデザインする際に便利なツールを作りました!

http://tsmallfield.hateblo.jp/entry/2014/01/08/020806

デザイナーのみなさんはOGP画像をデザインする機会がたくさんあると思います。でもFacebookだと、OGP画像が正方形で表示されたり横長で表示されたりで、 レイアウトが大変ですよね。。。 そんな時に...

English version is coming soon =)

https://ogimage.tsmallfield.com/

Thank you for your patience.

2014年01月現在のタイムラインを再現しています。

http://www.facebook.com/

実際とは異なる場合がありますのでご了承ください。

Like Button

いいね!ボタンを設置しよう

Feed Dialog

Feed Dialog でシェアするには?

デバッガーでチェックしよう!

画像、シェア文言などを設定...

Facebook Developers

Immersive full-screen game...