OGPの見え方を確かめる

手入力したタイトル・説明・画像を、SNS風の枠に置いて見るモックです。公式の実表示ではありません。

🔒 Client-Side Preview

文字数はUTF-16単位で数えています(絵文字などは2以上になる場合があります)。40・80はこのモック用の目安で、SNSの入力上限ではありません。

📁

クリックして画像を選択
またはここにドロップ

検査するのは画像形式・容量(10MiB以下)と読込可否、横長カード用の比率の目安です。画像の必要解像度、SNS別の受付条件、公開URLやOGタグ、キャッシュは検査しません。入力はこのページ内だけで扱い、再読み込みやリセットで消えます。

0 / 40
0 / 80
🪄
KatakataLab
OG Image
No Title
No description provided.
katakatalab.com
0:26
※ これはSNS風のモックです。公式スクレイパでも実タイムラインでもありません。LINEの正方形寄り切り抜きは、この画面では再現しません。

OGPシミュレーターの使い方と推奨サイズ

公開前に、手入力したタイトル・説明・画像がシェアカード風の枠でどう見えるかを確認するツールです。URLからの自動取得は行わず、画像はサーバーへ送信せずブラウザ内だけで処理します。

💡 クイック使い方とポイント

タイトル、説明文、画像を入力・選択すると、X(旧Twitter)、Facebook、LINE風の表示枠に反映されます。このモック内での画像の見切れや文章の収まりを比較し、最後は各サービスの実表示を確認してください。

比率計算ツールを使う 🪄
📏 SNS別推奨OGPサイズ・比率一覧表(X・Facebook・LINE) ▼

作業用の推奨目安一覧です。確認日: 2026年8月17日。

SNS 推奨サイズ (px) アスペクト比 備考
X (旧Twitter) 1200 × 630 1.91 : 1 Summary Card with Large Image の場合
Facebook 1200 × 630 1.91 : 1 標準的なOGP推奨サイズ
LINE 1200 × 630 1.91 : 1 トークルーム内のリンクプレビュー(横長枠)
❓ よくある質問 (FAQ) ▼

Q. アップロードした画像は外部に流出しませんか?

A. このツールは画像をブラウザー内で処理し、画像を外部へ送信・保存しない設計です。ブラウザー拡張など、ツール外の動作まで保証するものではありません。

Q. ダークモードでの表示確認はできますか?

A. はい。プレビュー画面右上のスイッチ(☀️/🌙)を切り替えることで、このモックの明暗テーマを比較できます。実際のスマホやSNSの表示を再現・検証する機能ではありません。

Q. OGP画像がSNS側で反映されない時は?

A. 公開後に古い画像のままなら、各サービスのキャッシュが残っていることがあります。Facebook は Sharing Debugger、X は投稿プレビューで確認してください。この画面は外部URLを直接取得するものではありません。