1200x630ピクセルの画像を1枚、PNGまたはJPEGで、約1 MB未満にし、重要な内容は中央の1080x600に収めます。このファイルはMetaとLinkedInが公開している仕様を満たしており、ほとんどのサイトにとって、Open Graph画像サイズの問いへの答えはこれですべてです。
寸法は簡単な部分です。そして、たいていはそこで問題が起きるわけでもありません。壊れるのは、あるプラットフォームが切り落とす端に近すぎる位置の文字、数か月前にクローラーが古いものをキャッシュしたせいで更新されない画像、遅いオリジンで4 MBあったために画像なしで表示されるカードです。OG画像サイズの問題は、実は3つの問題で、ピクセルに関するのはそのうち1つだけです。このガイドでは、仕様、セーフゾーン、タグが間違っていると人に思わせるキャッシュの挙動、共有するものが短縮リンクの場合にプレビューがどう解決されるかを扱います。切り方が悪いのではなくプレビューがまったく出ない場合は、リンクプレビューが表示されないが診断ガイドです。
サイズと、そのサイズである理由
1.91:1の比率は、MetaとLinkedInの両方のドキュメントに現れます。Open Graphプロトコル自体(2026-10-25 閲覧)はサイズを定めておらず、例は400x300と300x300で、画像を指定するときはog:image:altを求めています。プラットフォームの数字を軸に、事実上の標準ができあがりました。
| プラットフォーム | 文書化されたガイダンス(2026-10-25 閲覧) |
|---|---|
| Meta (Facebook) | 1200x630、約1.91:1を推奨。大きなカードは600x315から。最小200x200。最大8 MB。 |
| 1.91:1、最小1200x627、最大5 MB。幅401 px未満の画像は小さなサムネイルになります。正方形や縦長の画像はトリミングされることがあります。 | |
| X | 開発者向けドキュメントがHTTP 402と404を返したため、ここに数字はありません。 |
| Slack、Discord、WhatsApp、iMessage | 公式のサイズ文書は確認していません。何も主張しません。 |
情報源は、Metaの画像ガイダンスとLinkedInのリンクプレビューのヘルプページです。Xはカードを別に文書化していますが、当社ではそのドキュメントを読み込めなかったため、Xのサイズを当てにする前に確認してください。
誰も触れないセーフゾーン
カードが、設計した比率のまま表示されることはまれです。 LinkedInのページ自体が、正方形や縦長の画像はトリミングされることがあり、幅401 px未満は小さなサムネイルになると述べています。以下の1080x600のゾーンは当社の経験則で、プラットフォームの数字ではありません。
残さなければならないものは、中央の1080x600の内側に、中央揃えで収め、外側の帯は失ってもかまわない装飾として扱います。実際には、見出しは端にぴったり付けず中央よりやや左に置き、ロゴは角ではなく余白の内側に置き、細い枠線は使いません。枠線は、トリミングされた瞬間に壊れて見える唯一のデザイン要素だからです。
コントラストも重要です。カードは、クライアントによって明るい背景の上に置かれたり、暗い背景の上に置かれたりするため、周囲に頼って境界を出している画像は、輪郭を失うことがあります。
画像まわりのタグ
働くタグは4つで、そのうち2つは、人がよく飛ばすものです。
<meta property="og:image" content="https://example.com/og/spring-launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta
property="og:image:alt"
content="Spring launch: 30 percent off through May"
/>
<meta name="twitter:card" content="summary_large_image" />
スキームとホストを含む絶対URLを使ってください。クローラーはページの文脈なしにタグを読むからです。Metaによると、幅と高さを指定すると、クローラーは先に取得しなくても最初のシェアで画像を表示できます。そしてog:image:altは、手間がかからないアクセシビリティ用のタグなのに、ほとんどの場所で欠けています。
新しい画像が表示されない理由
サポートへの問い合わせを最も生むのがこれです。 画像を直し、新しいファイルがURLで見えているのに、カードには前の四半期のデザインが出たままです。
Metaのドキュメントによれば、クローラーは画像をURL単位でキャッシュし、画像を変えても既存のシェアのプレビューは更新されません。抜け道は3つあり、私が試す順に並べます。
- FacebookのSharing Debuggerで再取得を強制します。LinkedInにもPost Inspectorがありますが、当社が読んだヘルプページにはそのキャッシュの挙動の説明がありません。
- 画像を新しいファイル名で公開します。別のURLになり、キャッシュのエントリがないからです。Metaが推奨しており、確実な方法です。
- 共有するURL自体を変えます。共有するものが恒久的なページアドレスではなく、自分で管理できる短縮リンクなら、ごく簡単です。
公開する前に、無料のOpen GraphチェッカーがURLを取得し、見つかったタイトル、説明、画像、サイト名、Twitterカードのプレビューを表示します。タグだけを読みます。画像の寸法は報告せず、どのプラットフォームのキャッシュも消しません。
短縮リンクを共有するときのプレビュー
短縮リンクは、自分のOpen Graphタグを持たず、必要ともしません。Elidoのエッジは、クローラーに通常のリダイレクトで応答します。チャットアプリのリンクプレビューはそれをたどる必要があるからで、そうした取得をクリックとして数えません(ボットフィルターはユーザーエージェントのリストなので、スクリプトによる取得の一部はすり抜けることがあります)。カードは、リンク先のタグから作られます。間違っているなら、リンク先を直してください。
リンクの層に依存するものが2つあります。サーバー側のリダイレクトが安全な選択で、チェーンを短く保つべきもう1つの理由です。また、短縮リンクの向き先を変えるとプレビューも変わりますが、古いカードをキャッシュしたプラットフォームは、それを表示し続けます。
ひとつ足りない点があります。Elidoにはリンクごとに上書きできるOG画像やタイトルがないため、短縮リンクがリンク先と別のカードを持つことはできません。マイクロサイトのページにはOG画像のフィールドがあります。リンクごとのカードが必要なら、ご連絡ください。バックログに入っています。
リンクとクリックのデータを1か所にまとめるには、自社ドメインでワークスペースを始め、送信前にカードを確認してください。
保存しておきたいチェックリスト
- 1200x630、PNGまたはJPEG、絶対HTTPS URL、当社の習慣では1 MB未満。これがOG画像サイズの判断のすべてです。
- 重要なものは中央の1080x600の外に置かない(当社の経験則)。細い枠線も使わない。
og:image:width、og:image:height、og:image:altを入れる。- Xで大きなカードを出したいなら、
twitter:cardをsummary_large_imageにする。 - 新しい画像には新しいファイル名を付け、告知の前に再取得する。
この5つを一度正しく整え、ページのheadにテンプレート化すれば、Open Graph画像はもう考えなくてよいものになります。それが、これに払うべき注意の適量です。
コーナーストーンシリーズを読む
この記事はチュートリアルのクラスターに属します。切り方が悪いのではなく完全に失敗するプレビューには、リンクプレビューが表示されないがプラットフォームごとの対処です。その下の層はクリック可能なリンクの作り方で扱っています。
ブログの関連記事
よくある質問
最適なOpen Graph画像のサイズは？
1200x630ピクセル、縦横比1.91:1で、PNGまたはJPEGです。Metaはまさにこのサイズを推奨し、LinkedInは1.91:1で1200x627以上を求めているため(どちらのページも2026-10-25に確認)、1つのファイルで両方を満たせます。Metaが示す大きなカードの最小サイズは600x315で、200x200未満では表示されません。ファイルは1 MB未満に収めるのが当社の経験則です。
og:imageが更新されないのはなぜですか？
プラットフォームが古い画像をキャッシュしているからです。Metaは、クローラーが画像をURL単位でキャッシュし、画像を変えるには新しいURLか、Sharing Debuggerでの再取得が必要だと明記しています。画像を変えても、すでに存在するシェアのプレビューは更新されません。新しいファイル名で公開するのが確実な方法です。
og:imageのファイルサイズはどこまで大きくできますか？
文書化されている上限は、Metaが8 MB、LinkedInが5 MBです(2026-10-25に確認)。当社は1 MB未満を目標にしていますが、これはプラットフォームの規則ではなく当社の習慣です。遅いオリジンにある重いファイルは、画像なしのカードになる原因になりやすいからです。Xの開発者向けドキュメントは当社では読み込めなかったため、Xの上限は記載していません。
XとLinkedInで別々の画像が必要ですか？
FacebookとLinkedInについては、1200x630が文書化された両方の仕様を満たすため、通常は不要です。Xについては、2026-10-25に開発者向けドキュメントを読み込めなかったため、現在求められているタグと上限はカードのドキュメントで確認してください。いずれにしても、画像とURLが1つなら、ページが変わったときに忘れるものが減ります。
短縮リンクを共有するとき、プレビュー画像はどこから来ますか？
リンクではなく、リンク先のページからです。Elidoはクローラーに通常のリダイレクトで応答するため、プラットフォームは到達したページのタグを読みます。短縮リンクはリンク先のプレビューを引き継ぎ、Elidoには現在、リンクごとの画像の上書き機能はありません。短縮後にカードが出ない場合は、多くの場合、リンク先ページのタグが原因です。
画像には絶対URLが必要ですか？
絶対URLを使ってください。クローラーはページの文脈なしにタグを読むため、スキームとホストを含む完全なURLが安全です。HTTPSで配信してください。og:image:widthとog:image:heightを設定すると、Metaのドキュメントによれば、Metaのクローラーはまず画像をダウンロードしなくても、最初のシェアで画像を表示できます。
Elidoを試す
URLを貼り付けて短縮リンクを取得
登録不要。リンクは30日間有効。永久に保存するには登録してください。
登録不要。無料登録すると月 50 件のリンクを作成できます。