OGPシミュレーターの使い方と推奨サイズ
Webサイトやブログ記事がSNSでシェアされた際の「OGP画像（サムネイル）」や「タイトル」の表示を確認できる無料ツールです。画像をサーバーにアップロードせず、お使いのブラウザ内で安全にシミュレーションできます。
🖼️ OGP（サムネイル画像）とは？「お店の看板」で考えるイメージ
難しいIT用語のように聞こえますが、OGP画像は、いわばインターネットの大通りに面した「お店の看板（ディスプレイ）」です。
どんなに素敵で役に立つお店（ブログ記事やサイト）を作っても、通りに面した看板の文字が真っ二つに切れていたり、何が売っているか分からなかったら、誰も怪しんでお店の中に入ってはくれませんよね…！
SNSで記事をシェアしたとき、ユーザーの目に最初に飛び込んでくるのがこの看板です。だからこそ、公開前に「文字が切れていないか」「正しく魅力が伝わるか」を確認することが、何よりも大切なのです！
🧪 このツールを作った理由
自信満々で書いた渾身のブログ記事。「たくさんの人に読んでほしい！」と熱い想いを胸に、意気揚々とX（Twitter）でシェアしたその瞬間、タイムラインに流れてきた自分の投稿カードを見て背筋が凍りついたこと…私（わたくし）には何度もありました！
なんと、画像の中に描いた大切なタイトル文字が、上下で綺麗にカットされて見切れてしまい、何の画像なのか全く分からなくなっていたのです…！
このような悲しい看板見切れ事故を防ぎ、すべてのクリエイターが「本物のタイムラインに流れた時の様子」を事前に完璧に把握して、100%のクオリティで発信できるよう、この「視覚的トリミングマスク機能付き」のOGPシミュレーターを創り出しました！
入力されたテキストや画像データは、すべてあなたのブラウザ上だけで安全に処理され、外部サーバーへ送信されることは一切ありません。誰にも見られないプライベートな研究室ですので、思う存分公開前のサムネイルを調整してくださいね！
📏 SNS別 OGP画像推奨サイズ一覧
各プラットフォームで最もきれいに表示される推奨サイズと比率は以下の通りです。
| SNS | 推奨サイズ (px) | アスペクト比 | 備考 |
|---|---|---|---|
| X (旧Twitter) | 1200 × 630 | 1.91 : 1 | Summary Card(Large)の場合 |
| 1200 × 630 | 1.91 : 1 | 標準的なOGP仕様 | |
| LINE | 1200 × 630 | 1.91 : 1 | 正方形にトリミングされる場合あり |
| 1080 × 1080 | 1 : 1 | ストーリーは 9:16 |
よくある質問 (FAQ)
- Q. アップロードした画像は外部に流出しませんか？
- A. はい、安全です。このツールはJavaScriptを使用してお客様のブラウザ内だけで画像を処理しています。当サイトのサーバーに画像データが送信・保存されることは一切ありません。
- Q. ダークモードでの表示確認はできますか？
- A. はい。プレビュー画面右上のスイッチ（☀️/🌙）を切り替えることで、スマホのダークモード設定時の見え方を確認できます。
- Q. OGP画像が反映されない時は？
- A. 実際に公開した後で画像が変わらない場合、各SNSのキャッシュが残っている可能性があります。「Card Validator (Twitter)」や「Sharing Debugger (Facebook)」でキャッシュクリアを試してください。