---
title: "OGP画像シミュレーター - OGP画像の見え方を確認 | Web ToolBox"
description: "XやFacebookで表示されるOGP画像の見え方を確認できるツールです。`og:title` と `og:description` を調整しながら、複数の画像候補を切り替えてシェアカードの見え方を比較できます。"
canonical_url: "https://web-toolbox.dev/tools/ogp-image-simulator"
meta:
  author: K
  "og:description": "XやFacebookで表示されるOGP画像の見え方を確認できるツールです。`og:title` と `og:description` を調整しながら、複数の画像候補を切り替えてシェアカードの見え方を比較できます。"
  "og:image": "https://web-toolbox.dev/og/ja/tools/ogp-image-simulator-d1252244.png"
  "og:image:alt": OGP画像シミュレーター
  "og:image:height": "630"
  "og:image:width": "1200"
  "og:title": "OGP画像シミュレーター - OGP画像の見え方を確認 | Web ToolBox"
---

> Index of every page on this site: [llms.txt](https://web-toolbox.dev/llms.txt)

# **OGP画像シミュレーター**

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

**画像ファイル(複数可)**

**ここにファイルをドラッグ & ドロップ**

または

### **メタ情報を編集**

タイトルと説明文を調整し、カードの見え方を確認します

**og:title**

シェアカードの見出しに表示されます

12

**og:description**

カード本文として表示されます

106

### **シミュレート画像**

使用する画像を選択してください

画像を追加すると、ここにシミュレート画像が表示されます

## OGP画像シミュレーターとは？

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

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

## 使い方

1. シミュレーションしたい画像をアップロードします。あとから画像を追加して候補を増やすこともできます。
2. 必要に応じて `**og:title**` と `**og: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チェッカー**](https://web-toolbox.dev/tools/ogp-checker) も合わせて使えます。

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://web-toolbox.dev/#website","@type":"WebSite","description":"アカウント登録不要で使える無料Web開発ツール80種類以上。JSON整形、Base64変換、カラーコード変換、QRコード生成などをブラウザ上で瞬時に実行。開発者の作業効率を大幅に向上させます。","inLanguage":"ja-JP","name":"Web ToolBox","url":"https://web-toolbox.dev/","workTranslation":{"@id":"https://web-toolbox.dev/en#website"}},{"@id":"https://web-toolbox.dev/tools/ogp-image-simulator#webpage","@type":"WebPage","description":"XやFacebookで表示されるOGP画像の見え方を確認できるツールです。`og:title` と `og:description` を調整しながら、複数の画像候補を切り替えてシェアカードの見え方を比較できます。","name":"OGP画像シミュレーター - OGP画像の見え方を確認","url":"https://web-toolbox.dev/tools/ogp-image-simulator","isPartOf":{"@id":"https://web-toolbox.dev/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://web-toolbox.dev/tools/ogp-image-simulator"]}]},{"@id":"https://web-toolbox.dev/tools/ogp-image-simulator#/schema/web-application/1","@type":"WebApplication","applicationCategory":"UtilityApplication","description":"XやFacebookで表示されるOGP画像の見え方を確認できるツールです。`og:title` と `og:description` を調整しながら、複数の画像候補を切り替えてシェアカードの見え方を比較できます。","name":"OGP画像シミュレーター - OGP画像の見え方を確認","operatingSystem":"Windows, macOS, Linux, Android, iOS"}]}
```

## Sitemap

See the full [sitemap](https://web-toolbox.dev/sitemap.md) for all pages.