Webページをシェアした時にFacebook上で表示されるOGP画像ですが、きちんと設定をしないと画像が見切れてしまったり、正方形になってしまったりしますよね。。
そんな悩みを解決する便利なサービスを見つけたので、今回はご紹介したいと思います！
OGP画像シュミレータ「og:image Simulator」
「og:image Simulator」は、ブラウザ上でOGP画像がどのように表示されるのかシミュレートできるWebサービスです。
使い方は簡単で、作成したOGP画像をドラッグ＆ドロップするだけで、Facebookで表示される５パターンのOGP画像が作成され、それぞれどの様に表示されるのかを一度に確認することができます。
結果を見て、見切れているところなどデザインを調整していけば適切なOGP画像を作成することができますよ。
OGP画像の推奨画像サイズ(1200 x 630 px)も記載されているので、作成する際サイズに迷うこともなく助かりますね！
まとめ
せっかくOGP画像を設定しても表示が崩れてしまっていては悲しいですよね。。
そういったことを防ぐため、OGP画像作成の際にはぜひ「OGP画像シミュレータ」をご活用くださいね。
