SNSでURLをシェアしたとき、画像が崩れて表示されたり、まったく表示されなかったりして困った経験はありませんか。その原因の多くは、OG imageのサイズが適切でないことにあります。OG imageのサイズを正しく設定するだけで、SNSでの見た目が大きく改善され、クリック率の向上にもつながります。この記事では、og image サイズの基本から各SNSごとの推奨サイズ、設定方法まで、初心者にもわかりやすく解説します。
OG imageの推奨サイズは1200×630px｜まずは結論から
OG imageの推奨サイズについて、まず結論からお伝えします。各プラットフォームが推奨するサイズや縦横比、最低限必要なサイズの目安、そして守れなかった場合のリスクについて、以下で詳しく確認しましょう。
基本の推奨サイズと縦横比（アスペクト比）
OG imageの基本の推奨サイズは1200×630pxです。縦横比（アスペクト比）は1.91:1が標準とされており、X（旧Twitter）・Facebook・LINEなど主要なSNSのほぼすべてでこのサイズが推奨されています。
1200×630pxは、高解像度ディスプレイ（Retinaディスプレイなど）でも鮮明に表示されるよう設計されたサイズです。以前は600×315pxが一般的でしたが、現在はより高精細な表示に対応するため、その2倍サイズが標準となっています。
項目推奨値推奨サイズ1200×630pxアスペクト比1.91:1最小サイズ600×315px最大ファイルサイズ8MB以下（FacebookなどはさらにSmaller推奨）
最低限必要な画像サイズの目安
推奨サイズの1200×630pxが用意できない場合でも、最低600×315px以上の画像を用意することが必要です。これを下回ると、多くのSNSでOG imageが正しく認識されず、表示がスキップされることがあります。
また、画像の幅が200px未満の場合、FacebookやXではサムネイルとして表示されないケースも報告されています。可能であれば1200×630pxで制作し、難しい場合でも600×315px以上を確保するようにしましょう。
推奨サイズが守れない場合に起こる問題
OG imageのサイズが推奨値から外れると、次のような問題が起こりやすくなります。
- 画像がトリミング（切り取り）される: SNS側がアスペクト比に合わせて自動的に画像をカットするため、テキストやロゴが見切れることがある
- 画像が表示されない: サイズが小さすぎると、SNSがOG imageとして認識しない
- 画質が粗く見える: サイズが小さい画像を拡大表示する際に、ぼやけた印象になる
- クリック率が下がる: 見栄えが悪くなることで、投稿へのクリックが減りやすくなる
SNSでのシェアは記事や商品への入口となる大切な場面です。og image サイズを正しく設定することで、こうした問題を未然に防ぐことができます。
OG imageとは何か｜初心者向けにわかりやすく解説
OG imageという言葉に馴染みがない方のために、基本的な概念から丁寧に解説します。OGPとOG imageの違い、SNSシェア時の仕組み、正しく表示されない場合のリスクを順番に確認しましょう。
OGPとOG imageの違い
OGP（Open Graph Protocol）とは、WebページのURLをSNSでシェアしたときに表示される情報（タイトル・説明文・画像など）を制御するための仕組みです。FacebookやXが採用しているメタデータの標準仕様で、HTMLの<head>タグ内に記述します。
一方、OG imageはOGPの構成要素のひとつで、URLシェア時に表示されるサムネイル画像のことを指します。HTMLには<meta property="og:image" content="画像のURL">という形で記述します。OGPが「家全体」だとすれば、OG imageは「その家の外観写真」のようなイメージです。どんなに良い記事でも、見た目が伝わらなければクリックしてもらいにくくなります。
SNSシェア時にOG imageが使われる仕組み
URLがSNSにシェアされると、SNS側のクローラーがそのページにアクセスし、<head>タグ内のOGPタグを読み取ります。その情報をもとに、タイトル・説明文・OG imageをカード形式で組み立てて表示します。
この流れは次のようになります。
ユーザーがURLを投稿 → SNSのクローラーがページを巡回 → OGPタグを解析 → カード形式でプレビュー表示
OG imageが設定されていない場合や、指定された画像にアクセスできない場合は、SNS側で代替画像が使われたり、画像なしで表示されたりします。OGPタグの設定はページが公開される前に済ませておくことが理想的です。
OG imageが正しく表示されないと何が困るのか
OG imageが正しく表示されない場合、主に次のような影響が生じます。
- SNSでの印象が悪くなる: 画像なしの投稿は情報量が少なく、タイムライン上で目立ちにくい
- クリック率（CTR）が下がる: ビジュアルはクリックを促す重要な要素であり、欠けるとクリックされにくくなる
- 信頼感が損なわれる: サイトの品質管理が不十分に見え、ブランドイメージに影響する
反対に、og image サイズが正しく設定されたページは、SNS上でリッチな見た目のカードとして表示され、クリックを誘引しやすくなります。特にX（旧Twitter）での「大きいサムネイル表示」はインパクトが大きく、エンゲージメント向上に効果的です。
SNSごとのOG image推奨サイズ一覧
SNSによって推奨されるOG imageのサイズや表示の仕様が異なります。各プラットフォームごとの詳細を以下で確認しましょう。
X（旧Twitter）のOG image推奨サイズ
X（旧Twitter）では、2023年にTwitter Cardsが廃止され、現在はOGP（og:image）の仕様が使用される標準となっています。og imageのサイズは統一されており、推奨サイズは1200×630px（アスペクト比1.91:1）です。
大きいサムネイル表示（summary_large_image）のサイズ
summary_large_imageは、横幅いっぱいに大きくサムネイルが表示される形式です。視認性が高く、クリック率の向上が期待できるため、ブログ記事や商品ページのシェアに特に適しています。
項目推奨値推奨サイズ1200×628pxアスペクト比約1.91:1最小サイズ300×157px最大ファイルサイズ5MB以下
HTMLには<meta name="twitter:card" content="summary_large_image">と合わせてog:imageを記述することで適用されます。画像の中央部分が表示エリアに収まるよう、重要なテキストやロゴは中央付近に配置することをおすすめします。
小さいサムネイル表示（summary）のサイズ
summaryは、テキストの左側に正方形に近い小さなサムネイルが表示される形式です。デフォルトのカード形式であり、twitter:cardを指定しない場合はこちらが適用されます。
項目推奨値推奨サイズ800×800px（正方形推奨）アスペクト比1:1最小サイズ144×144px最大ファイルサイズ5MB以下
サイトのアイコンやロゴ画像のシェアに向いていますが、記事の内容を視覚的に伝えるにはsummary_large_imageのほうが効果的です。記事ページには積極的にsummary_large_imageを設定することをおすすめします。
FacebookのOG image推奨サイズ
Facebookでは、URLシェア時の表示サイズが画像の縦横比や掲載方法によって異なります。意図した表示になるよう、条件を事前に確認しておくことが大切です。
大きいサムネイル表示になる条件とサイズ
Facebookでは、以下の条件を満たすと横幅いっぱいの大きいサムネイルとして表示されます。
項目推奨値推奨サイズ1200×630pxアスペクト比1.91:1最小サイズ600×315px最大ファイルサイズ8MB以下
画像の幅が600px以上かつアスペクト比が1.91:1に近い場合に大きな表示になります。これはFacebookの標準的なOGP推奨サイズとも一致しており、1200×630pxを基本として制作しておけば問題ありません。
小さいサムネイル表示になる条件とサイズ
Facebookで小さいサムネイル（正方形トリミング）になるのは、画像サイズが600×315px未満の場合や、幅600px以上でもアスペクト比が1.91:1から大きく外れている場合です。
項目目安表示サイズ約158×158px（正方形にトリミング）発生条件画像サイズ600×315px未満、またはアスペクト比が1.91:1から外れている場合
この表示では画像の多くが切り取られるため、テキストや重要な要素が見切れる可能性があります。og imageサイズはリンクの見栄えに直結するため、最小サイズの600×315pxを下回らないようにしつつ、リッチな表示を確保するために1200×630pxでの画像準備をおすすめします。
InstagramのOG image推奨サイズ
Instagramは投稿内にURLのリンクカードを表示する機能が限られており、OGPタグの影響を受ける場面はプロフィールのリンクや広告など一部に限られます。
一般的なURLシェアにOG imageが活用されるケースは少ないですが、Instagramの場合は1080×1080px（1:1の正方形）または1080×566px（横長）が推奨されています。Instagram上でのリンクシェアを想定する場合は、正方形に近い構図でOG imageを作成しておくとトリミングされにくくなります。
LINEのOG image推奨サイズ
LINEでURLをシェアすると、OGPタグをもとにリンクカードが生成されます。LINEのOG image推奨サイズは1200×1200pxの正方形で、og:imageを正方形にすると表示が最適化されます。
LINEでは表示領域に合わせて画像がリサイズ・トリミングされるため、画像の中央部分に重要な情報を配置することが大切です。また、最小600×315pxを下回ると画像の劣化が発生するため、小さすぎる画像の使用は避けましょう。LINEの友だち間でのシェアや、公式アカウントからの配信にも同様のサイズが適用されます。
LinkedInのOG image推奨サイズ
LinkedInでURLをシェアした際のOG image推奨サイズは1200×627pxです。アスペクト比は約1.91:1で、他のSNSと同様の横長フォーマットが採用されています。
項目推奨値推奨サイズ1200×627pxアスペクト比1.91:1最大ファイルサイズ5MB以下
LinkedInはビジネス系SNSであるため、ブランドのロゴや製品画像、信頼感を高めるビジュアルが特に効果的です。1200×630pxで作成した画像は3px程度の差のためLinkedInでも問題なく使用でき、SNS横断での使い回しが可能です。
ThreadsのOG image推奨サイズ
MetaのSNS「Threads」でURLをシェアした場合も、OGPタグが参照されてリンクカードが表示されます。Threadsは比較的新しいプラットフォームのため、PC版とスマートフォン版で表示サイズが異なる点に注意が必要です。
PC版での表示サイズ
Threads（PC版）では、URLシェア時のリンクカードが横幅の広い領域に表示されます。og image サイズのレンダリングは、タイトルの行数やブラウザ幅などによって変動し、322×176px（タイトル1行時）または400×155px（タイトル2行時）になることが確認されています。
1200×630pxの画像を使用した場合、上下が大きくトリミングされてしまうため、画像を作成する際はあらかじめトリミングが発生することを考慮しておくことをおすすめします。特に文字を含む画像の場合は、重要な情報を中央付近に配置するなど、切れてしまっても伝わるレイアウトを意識してみてください。
スマートフォン版での表示サイズ
Threads（スマートフォン版）では、リンクカードの画像表示領域がPC版よりも縦方向に広くなる場合があり、正方形に近いトリミングがかかることがあります。
対策としては、画像の中央部分に重要なビジュアルやテキストを集中させる「セーフゾーン設計」が有効です。1200×630pxで作成した画像の中央に約630×630pxの正方形エリアを想定して主要コンテンツを配置すると、PC版・スマートフォン版どちらでも見切れにくくなります。
はてなブックマークのOG image推奨サイズ
はてなブックマークでは、ブックマークされたページのOGPタグを参照してサムネイル画像が表示されます。推奨サイズは1200×840pxが基本で、他のSNSとは異なる点に注意が必要です。なお、1200×630pxの画像を使用すると縦が短くトリミングされる可能性がありますので、og image サイズの設定には十分ご注意ください。
はてなブックマークのサムネイルは比較的小さいサイズで表示されるため、細かいテキストは読まれにくい傾向があります。シンプルで視認性の高いデザインの画像を設定することで、ブックマーク一覧のページでも目立ちやすくなります。技術系・ブログ系のコンテンツが多く集まるプラットフォームのため、内容を端的に伝えるOG imageが特に効果的です。
全SNSで使い回せるOG imageのベストサイズ
SNSごとに個別のOG imageを用意するのは手間がかかります。複数のSNSに対応できる汎用的な画像の作り方と、ファイル形式・容量のポイントについてまとめます。
すべてのSNSに対応できる画像サイズの考え方
各SNSの推奨サイズを比較すると、1200×675px（アスペクト比16:9）がXやFacebookの横長投稿で共通の推奨値として多く挙げられています。一方、Instagramでは1080×566px（アスペクト比1.91:1）が推奨されており、SNSによって最適なサイズが異なる点には注意が必要です。LINE・LinkedIn・はてなブックマークなどについては、各プラットフォームの公式情報を個別に確認されることをおすすめします。
SNSごとに画像を作り分けることが理想ですが、リソースが限られている場合は1200×675pxを1枚だけ用意する方法が現実的です。このサイズを基準としてog imageのサイズを設定しておけば、OGPタグで同じ画像を指定するだけでXやFacebookなど主要なSNSに対応できます。
安全圏に収めるべき重要コンテンツの配置ルール
OG imageを作成する際には、セーフゾーン（安全圏）の概念を意識することが重要です。SNSによってはアスペクト比が異なる形でトリミングされることがあるため、画像の端に重要な情報を置くと見切れてしまうことがあります。
以下のルールを参考に、画像を設計してください。
- 中央寄りに重要コンテンツを配置: タイトルテキスト・ロゴ・メインビジュアルは画像中央の約80%エリアに収める
- 上下左右に余白を設ける: 端から少なくとも10〜15%はコンテンツを配置しない余白ゾーンにする
- 文字サイズは大きめに: 縮小表示されることを考慮し、最低でも30px以上のフォントサイズを使用する
- コントラストを高める: 背景と文字の色差を大きくして、小さな表示でも読みやすくする
対応フォーマット（JPEG・PNG・WebP）と容量の目安
OG imageのファイル形式については、主要SNSが対応しているものを選ぶことが大切です。
ファイル形式特徴推奨用途JPEG圧縮率が高くファイルサイズが小さい写真・グラデーション画像PNG透過が使える・テキストが鮮明ロゴ・テキスト多めの画像WebP高圧縮・高品質ページ表示速度を重視する場合
ファイルサイズの目安は、Facebookが最大8MB、X（旧Twitter）やLinkedInは5MB以下が推奨されています。ただし実際には1MB以下に抑えることで、読み込み速度の面でも有利になります。写真系の画像はJPEG（品質80〜85%程度）、ロゴやテキストを含む場合はPNGで書き出すのが一般的です。
OG imageを設定する方法
OG imageの設定は、HTMLに直接コードを記述する方法とWordPressプラグインを使う方法の2通りがあります。設定後の確認方法も含めて、順に解説します。
OGPタグ（og:image）をHTMLに直接記述する方法
HTMLを直接編集できる環境であれば、<head>タグ内に以下のコードを記述することでOG imageを設定できます。
1<meta property="og:image" content="https://example.com/images/og-image.jpg">2<meta property="og:image:width" content="1200">3<meta property="og:image:height" content="630">
og:imageには画像のURLを絶対パス（https://〜で始まるURL）で指定することが必須です。相対パスで指定した場合、SNSのクローラーが画像を正しく取得できないことがあります。あわせてog:image:widthとog:image:heightでサイズを明示しておくと、SNS側での解析がスムーズになります。
X（旧Twitter）でsummary_large_imageを使う場合は、追加で以下も記述します。
1<meta name="twitter:card" content="summary_large_image">2<meta name="twitter:image" content="https://example.com/images/og-image.jpg">
WordPressプラグインを使って設定する方法
WordPressを使用している場合は、SEO系プラグインを利用するとコードを書かずにOGPを設定できます。代表的なプラグインとして以下が挙げられます。
- Yoast SEO: 各投稿のOG imageをWordPress管理画面から設定可能。アイキャッチ画像を自動でOG imageとして利用できる
- All in One SEO: Yoast SEOと同様にOGP設定をGUIで管理できる。初心者にも扱いやすいインターフェース
- RankMath: 上記2つと同様の機能を持ち、無料版でも豊富なSEO設定が可能
いずれのプラグインも、投稿編集画面の「ソーシャルメディア」や「SNS共有」などのセクションでOG imageを指定できます。アイキャッチ画像を1200×630pxで設定しておくと、プラグインが自動的にそのサイズでOG imageとして出力するため、設定の手間が省けます。
設定後に表示を確認できるデバッグツールの使い方
OG imageを設定したあとは、実際にSNSで正しく表示されるかをデバッグツールで確認することが大切です。代表的な2つのツールの使い方を紹介します。
FacebookシェアデバッガーでOG imageを確認する手順
Facebookのシェアデバッガーは、指定したURLのOGPタグを解析し、Facebookでどのように表示されるかをプレビューできる公式ツールです。
確認手順：
- Facebookシェアデバッガーにアクセス（Facebookアカウントへのログインが必要）
- 確認したいページのURLを入力欄に貼り付ける
- 「デバッグ」ボタンをクリックする
- ページ下部に表示される「リンクプレビュー」でOG imageの見え方を確認する
キャッシュが残っている場合は「もう一度スクレイピング」ボタンをクリックすると、最新の情報を取得して再表示されます。OG imageが更新されたのに古い画像が表示される場合は、このボタンで解決できることが多いです。
X（旧Twitter）Card ValidatorでOG imageを確認する手順
X（旧Twitter）のCard Validatorは、Twitter CardとしてのOGP表示を確認できる公式ツールです。
確認手順：
- X Card Validatorにアクセス（Xアカウントへのログインが必要）
- 確認したいページのURLを入力する
- 「Preview card」ボタンをクリックする
- 右側にCard形式のプレビューが表示されるので、OG imageの見え方を確認する
「summary_large_image」を設定しているにもかかわらず小さいサムネイルで表示される場合は、twitter:cardメタタグの記述が正しいか、og:imageのURLが正しく絶対パスで書かれているかを確認してください。
OG imageが正しく表示されないときのチェックポイント
OGPの設定が完了しているはずなのにOG imageが表示されない場合は、以下の5つのポイントを順番に確認してみましょう。問題の原因の多くはこの中に含まれています。
画像サイズや縦横比がずれていないか確認する
最初に確認すべきは、og image サイズが推奨値に合っているかどうかです。特に縦横比（アスペクト比）がずれていると、SNS側でのトリミングが発生し、意図しない形で表示されます。
画像の実際のサイズをペイントソフトやMac標準のプレビューアプリなどで確認し、1200×630px（アスペクト比1.91:1）になっているかチェックしてください。最小サイズの600×315px以上であることも合わせて確認しましょう。サイズが異なる場合は、推奨サイズで画像を作り直すことが最も確実な解決策です。
画像のファイル容量が大きすぎないか確認する
画像のファイルサイズが大きすぎると、SNSのクローラーが画像の取得に失敗し、表示されないことがあります。各SNSの上限は5〜8MBですが、実際には1MB以下に抑えることが推奨されます。
ファイルサイズを小さくするには、以下の方法が効果的です。
圧縮してもog image サイズ（ピクセル数）は変わらないため、画質と容量のバランスを保ちながら最適化できます。
OGPタグの記述にミスがないか確認する
HTMLのOGPタグに記述ミスがあると、SNSのクローラーが正しくメタデータを読み取れません。以下の項目を丁寧に確認しましょう。
<meta property="og:image" content="...">のproperty属性とcontent属性が正しく書かれているか- タグが
<head>〜</head>の内側に記述されているか - ダブルクォーテーション（"）が全角になっていないか（全角だとコードが正しく解析されない）
- og:title・og:descriptionなど他のOGPタグも正しく揃っているか
FacebookシェアデバッガーやX Card Validatorを使うと、タグの解析結果が詳細に表示されるため、どのタグに問題があるかを特定しやすくなります。
キャッシュが残っていて古い画像が表示されていないか確認する
OG imageを更新したのに古い画像が表示され続ける場合は、SNS側のキャッシュが原因であることがほとんどです。SNSのクローラーは一度取得したOGP情報をしばらくキャッシュとして保持するため、og imageのサイズや内容を変更してもすぐに反映されないことがあります。
キャッシュを強制的に更新するには、各SNSのデバッグツールを使用します。
- Facebook: シェアデバッガーで「もう一度スクレイピング」をクリック
- X（旧Twitter）: 仕様変更によりCard Validatorでのクリアができなくなっているため、最大7日程度待つ必要があります
- LINE: 「LINE Page Poker」（https://poker.line.naver.jp/）にURLを入力し「Clear Cache」をクリック
キャッシュのクリアは即時に反映されない場合もあるため、数時間おいてから再確認することをおすすめします。
画像URLが正しく絶対パスで指定されているか確認する
OGPタグのcontent属性に指定する画像URLは、必ず絶対パス（https://〜で始まるURL）である必要があります。/images/og.jpgのような相対パスを指定している場合、SNSのクローラーが画像のURLを正しく解決できず、画像が表示されません。
また、以下の点も合わせて確認してください。
- 画像ファイルが実際にそのURLに存在するか（ブラウザで直接URLを開いて確認）
- ファイル名に全角文字やスペースが含まれていないか
- サイトがHTTPSで運用されているのに、
http://で画像URLを指定していないか - ドメインのスペルミスがないか
シンプルなミスほど見落としやすいため、一字一句丁寧に確認することが大切です。
まとめ
この記事では、og image サイズに関する基本的な知識から、SNSごとの推奨サイズ、設定方法、トラブルシューティングまでを解説しました。
最も重要なポイントは、OG imageの基本推奨サイズは1200×630px（アスペクト比1.91:1）であるという点です。このサイズで作成した画像を1枚用意しておくことで、X（旧Twitter）・Facebook・LINE・LinkedInなど主要SNSのほぼすべてに対応できます。
設定後は必ずFacebookシェアデバッガーやX Card Validatorで表示を確認し、意図した通りに表示されているかをチェックする習慣をつけましょう。OG imageを正しく設定することは、SNSでのクリック率向上と、サイトの信頼性アップに直結する大切な作業です。ぜひ今日から取り組んでみてください。
og image サイズについてよくある質問
- OG imageの推奨サイズを教えてください。
- 基本の推奨サイズは1200×630px、アスペクト比は1.91:1です。このサイズはX（旧Twitter）・Facebook・LINEなど主要SNSのほぼすべてに対応しています。最低限必要なサイズは600×315pxで、これを下回ると表示されないSNSもあります。
- OG imageはどのファイル形式で保存すべきですか？
- 写真やグラデーションを使ったデザインの場合はJPEG、ロゴやテキストを多く含む場合はPNGが適しています。どちらもファイルサイズは1MB以下に圧縮することが理想的です。WebPも対応SNSであれば利用できます。
- OG imageを更新したのに古い画像が表示され続けます。どうすればよいですか？
- SNS側のキャッシュが残っているためです。Facebookの場合は「シェアデバッガー」で「もう一度スクレイピング」を実行してください。X（旧Twitter）の場合は「Card Validator」でURLを再送信することでキャッシュを更新できます。
- WordPressでOG imageを設定するにはどうすればよいですか？
- Yoast SEO・All in One SEO・RankMathなどのSEOプラグインを使うと、コードを書かずに設定できます。アイキャッチ画像を1200×630pxで設定しておくと、多くのプラグインが自動的にOG imageとして使用します。
- OG imageが表示されない原因として何が考えられますか？
- 主な原因として、①画像サイズや縦横比が推奨値と異なる、②ファイル容量が大きすぎる、③OGPタグの記述ミス、④SNS側のキャッシュが残っている、⑤画像URLが相対パスで指定されている、などが挙げられます。上記の順番でひとつずつ確認してみてください。
監修者紹介
