OGP画像シミュレータ Ver. 2 にアップデート!複数画像の比較機能が追加されました。旧バージョンは引き続きhttp://ogimage.tsmallfield.com/v1/でご利用になれます。

OGP画像シミュレータ

※画像はサーバーに送信されませんので安心してご利用いただけます ※顔認識機能は未対応です

OGP画像シミュレータとは?

FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。
そんな時に便利なのがこのOGP画像シミュレータ。
デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。

http://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画像が正方形で表示されたり横長で表示されたりで、 レイアウトが大変ですよね。。。 そんな時に...

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

http://www.facebook.com/

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

Ver.2 にアップデートました。

http://ogimage.tsmallfield.com/

UIの見直しと機能追加(複数画像のドラッグ&ドロップに対応)を行いました。
旧バージョンはこちら(http://ogimage.tsmallfield.com/v1/)です。

Like Button

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