OGPシミュレーターの使い方と推奨サイズ
公開前に、手入力したタイトル・説明・画像がシェアカード風の枠でどう見えるかを見る道具です。URLから og: タグを読む機能はありません。画像はサーバーに送らず、ブラウザ内だけで表示します。
🖼️ OGP（サムネイル画像）とは？「お店の看板」で考えるイメージ
難しいIT用語のように聞こえますが、OGP画像は、いわばインターネットの大通りに面した「お店の看板（ディスプレイ）」です。
どんなに素敵で役に立つお店（ブログ記事やサイト）を作っても、通りに面した看板の文字が真っ二つに切れていたり、何が売っているか分からなかったら、誰も怪しんでお店の中に入ってはくれませんよね…！
SNSで記事をシェアしたとき、ユーザーの目に最初に飛び込んでくるのがこの看板です。だからこそ、公開前に「文字が切れていないか」「正しく魅力が伝わるか」を確認することが、何よりも大切なのです！
🧪 このツールを作った理由
自信満々で書いた渾身のブログ記事。「たくさんの人に読んでほしい！」と熱い想いを胸に、意気揚々とX(Twitter)でシェアしたその瞬間、タイムラインに流れてきた自分の投稿カードを見て背筋が凍りついたこと…私（わたくし）には何度もありました！
なんと、画像の中に描いた大切なタイトル文字が、上下で綺麗にカットされて見切れてしまい、何の画像なのか全く分からなくなっていたのです…！
このような見切れ事故を減らすため、入力した画像を 1.91:1 や正方形の枠に置いて、切り抜き後の見え方を先に確かめる道具を作りました。公式の表示そのものではありません。
入力されたテキストや画像データは、すべてあなたのブラウザ上だけで安全に処理され、外部サーバーへ送信されることは一切ありません。誰にも見られないプライベートな研究室ですので、思う存分公開前のサムネイルを調整してくださいね！
📏 この画面で使っている作業サイズ
下表は作業用の目安です。公式の恒久契約ではありません。確認日: 2026年8月17日。
| SNS | 推奨サイズ (px) | アスペクト比 | 備考 |
|---|---|---|---|
| X (旧Twitter) | 1200 × 630 | 1.91 : 1 | Summary Card(Large)の場合 |
| 1200 × 630 | 1.91 : 1 | 標準的なOGP仕様 | |
| LINE | 1200 × 630 | 1.91 : 1 | この画面では横長枠のみ。正方形寄り切り抜きは未再現 |
よくある質問 (FAQ)
- Q. アップロードした画像は外部に流出しませんか？
- A. はい、安全です。このツールはJavaScriptを使用してお客様のブラウザ内だけで画像を処理しています。当サイトのサーバーに画像データが送信・保存されることは一切ありません。
- Q. ダークモードでの表示確認はできますか？
- A. はい。プレビュー画面右上のスイッチ（☀️/🌙）を切り替えることで、スマホのダークモード設定時の見え方を確認できます。
- Q. OGP画像が反映されない時は？
- A. 公開後に古い画像のままなら、各サービスのキャッシュが残っていることがあります。Facebook は Sharing Debugger、X は投稿プレビューで確認してください。この画面はURLを取得しません。