OG image の標準サイズは 1200×630 ピクセル、アスペクト比は 1.91:1 です。 このサイズひとつで、Facebook、X (Twitter)、LinkedIn、Slack、Discord、WhatsApp、Telegram のリンクプレビューが正しく表示されます。
短い答えはこれだけです。この先では、実際につまずきやすいポイントを解説します。プラットフォーム別の寸法、テキストのセーフゾーン、ファイルサイズの上限、そして各プラットフォームに画像の場所を伝える meta タグです。
どこでも通用する、ただひとつのサイズ
数字をひとつだけ覚えるなら、これにしてください。
| 項目 | 推奨値 |
|---|---|
| 寸法 | 1200 × 630 px |
| アスペクト比 | 1.91:1 |
| フォーマット | PNG または JPG |
| ファイルサイズ | 1 MB 以下（上限自体はもっと高いものの、軽いほど速く読み込まれます） |
| URL | 絶対 HTTPS URL |
主要プラットフォームはいずれも 1.91:1 をネイティブに採用しているか、この比率からきれいにクロップします。きっちり 1200×630 でデザインしておけば、1ページにつき5枚ではなく1枚の画像で済みます。
プラットフォーム別の OG image サイズ
推奨値と強制される仕様は、プラットフォームごとに少しずつ異なります。
| プラットフォーム | 推奨サイズ | 備考 |
|---|---|---|
| 1200 × 630 | 最小 200×200。600×315 未満の画像は大型カードではなく小さなサムネイルになります | |
| X (Twitter) | 1200 × 630 | summary_large_image カードは 2:1 寄りにクロップされます——重要な要素は中央に |
| 1200 × 627 | 1.91:1。実質的に Facebook と同じ画像で問題ありません | |
| Discord | 1200 × 630 | 大型のリンク埋め込みに og:image を使用します |
| Slack | 1200 × 630 | 展開表示は Open Graph タグをそのまま読み取ります |
| 1200 × 630 | ファイルは軽く（300 KB を大きく下回る目安）。重いとプレビューが読み込まれないことがあります | |
| Telegram | 1200 × 630 | og:image を読み取ります。キャッシュは強力です |
| 1000 × 1500 | 唯一の例外——ピンは縦長 2:3 を好むため、Pinterest には専用画像を用意しましょう |
要点：Pinterest を除けば、1200×630 の画像1枚ですべてをカバーできます。
セーフゾーン：テキストを置くべき場所
クロップの仕方はプラットフォームごとに違います——X は 2:1 寄り、モバイルレイアウトによっては端が削られます。どこでもタイトルを読めるようにするには：
- テキストとロゴはすべて中央の 1120 × 560 の範囲に収める（各辺およそ 5% の余白）。
- 外周は切り取られる前提で考える——重要な要素を縁ぎりぎりに置かない。
- 実物のタイトルを実寸で試す：デザインツール上では問題なく見える文字も、フィードのサイズでは小さすぎることがよくあります。目安として、1200×630 のカンバスでタイトルは 48px 以上を保ちましょう。
当サイトの無料テンプレートはこの余白を織り込み済みなので、入力したテキストは自動的にセーフゾーンに収まります。
ファイルサイズ・フォーマット・解像度
- フォーマット： テキスト主体のグラフィックは PNG（輪郭がくっきり）、写真背景なら JPG。WebP も主要プラットフォームでは使えるようになりましたが、ロングテールのアプリまで考えると PNG/JPG が最も無難です。
- ファイルサイズ： Facebook は最大 8 MB、X は最大 5 MB まで許容します——ただし読み込みの遅い画像はクローラーがタイムアウトします。実務上の目標は 1 MB 以下（WhatsApp での確実性を求めるなら 300 KB 以下）です。
- 解像度： 1200×630 の 1x で十分です。Retina 向けに 2400×1260 へ倍増しても、フィードでの表示はほとんど改善されず、ファイルサイズだけが倍になります。
表示を成立させる meta タグ
寸法は仕事の半分にすぎません——プラットフォームは、ページの <head> にある Open Graph meta タグを通じて画像を見つけます：
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Launch day: v2.0 — changelog" />
<meta name="twitter:card" content="summary_large_image" />見た目以上に重要なディテールが3つあります。
og:imageは絶対 HTTPS URL でなければなりません——相対パスは、ほとんどのクローラーで音もなく失敗します。og:image:widthとog:image:heightがあると、プラットフォームは画像のダウンロード前に表示領域を確保できます。初回のシェアから、空白ではなく完全なカードが表示されます。twitter:cardをsummary_large_imageにすることで、X のプレビューが小さな正方形から全幅カードに格上げされます。
よくある失敗（とすぐできる対処）
- 画像が 600×315 より小さい。 Facebook では小さなサイドサムネイルに降格します。1200×630 で書き出しましょう。
- テキストが端に寄りすぎている。 X のクロップで切れてしまいます。テキストは中央のセーフゾーンへ。
- プレビューに古い画像が出る。 プラットフォームのキャッシュは強力です——対処法は OG image のプレビューとキャッシュ更新ガイドをご覧ください。
- URL が相対パス、または認証の内側にある。 クローラーは
/images/og.pngも、ログインが必要なものも取得できません。公開された絶対 URL を使いましょう。 - サイト全体で1枚の汎用画像を使い回している。 ページごとに内容に即した OG 画像を用意したほうが、ロゴカードの使い回しより一貫して多くのクリックを集めます。
正しいサイズの OG image を数秒で作る
1200×630 のアートボード、セーフゾーンのガイド、書き出しプリセットを自分で組むこともできます——が、その手間はまるごと省けます。当サイトの無料 OG image ジェネレーターは、最初から 1200×630（X ヘッダー用の 1500×500 も）に設定されたテンプレートで始められ、テキストをセーフゾーン内に保ち、meta タグにそのまま使える最適化済み PNG を書き出します。登録不要、ウォーターマークなし。
FAQ
ベストな OG image サイズは？
1200×630 ピクセル（アスペクト比 1.91:1）です。Facebook、X、LinkedIn、Slack、Discord、WhatsApp、Telegram で、追加のバリアントなしに大型カードとして表示されます。
OG image の最小サイズは？
Facebook は 200×200 まで受け付けますが、600×315 未満では大型カードのレイアウトが失われます。実務上の下限は 600×315、目標は 1200×630 と考えてください。
X (Twitter) には別の画像を用意すべき？
通常は不要です。要素を中央に置いた 1200×630 の画像なら、summary_large_image カードにそのまま使えます。デザイン上、重要な要素が上端・下端の近くに来る場合にのみ、X 専用画像を検討しましょう。
OG image は SEO に影響する？
検索順位には直接影響しません——しかしリンクがシェアされたときのクリック率には強く影響し、ソーシャルでの拡散はコンテンツの発見につながります。明快でブランドの伝わるプレビューは、最も低コストな CTR 改善策のひとつです。
