Web ToolBox

OGP画像シミュレーター

X/FacebookのOGP画像表示を確認

OGP画像のシミュレーション

ここにファイルをドロップ

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

手元の画像を使って、X と Facebook のシェアカードでどう見えるかを確認できるツールです。画像だけでなく、og:titleog:description に相当するテキストも合わせて変えながら、カードの見え方を比較できます。

ページを公開する前に OGP 画像の切り取られ方を見たいときや、候補画像を複数並べて比較したいときに便利です。

使い方

  1. シミュレーションしたい画像をアップロードします。
  2. 必要に応じて og:titleog:description を編集します。
  3. 複数画像をアップロードした場合は、比較したい画像を切り替えます。
  4. X と Facebook の各プレビューを確認します。

画像は最大 10 枚までまとめて読み込めるので、候補を見比べながら選ぶ用途にも向いています。

確認できるプレビュー

X

  • PC Large Image
  • モバイル Large Image
  • PC Summary
  • モバイル Summary

ライト / ダークブルー / ダークのテーマ切り替えにも対応しています。

Facebook

  • PC
  • モバイル

こちらもライト / ダークのテーマで確認できます。

入出力イメージ

たとえば 1200×630 の画像をアップロードし、タイトルと説明文を入力すると、各 SNS のカードレイアウトに合わせて画像とテキストがどう収まるかを一覧で見比べられます。

複数画像を読み込んだ場合は、サムネイルを切り替えるだけで同じテキスト条件のまま比較できます。

活用シーン

  • OGP 画像の候補を複数比較したいとき
  • タイトルと説明文の長さによる見え方を確認したいとき
  • X と Facebook での見え方の差を事前に確認したいとき
  • 公開前にシェア画像のトリミングや印象を見直したいとき

使うときの注意点

  • これはアップロードした画像を使った見え方確認用で、実際のページから OGP を取得するものではありません
  • 画像比率によってはカード内での見え方が変わります
  • 実際の SNS 側ではキャッシュや表示仕様の更新により、細部が完全一致しないことがあります

関連ツール

実際のページ URL から OGP 設定を確認したい場合は、OGPチェッカー も合わせて使えます。