トピック

OG画像サイズ:1200×630の解説

標準的なOpen Graph画像サイズは1200×630ピクセル(アスペクト比1.91:1)です。これはFacebook、X、LinkedIn、WhatsApp、Slack、Discordが推奨し、正しくレンダリングするサイズであり、すべてのog:imageを1200×630で作成することがソーシャル共有における安全なデフォルトとなります。

1200×630が推奨される理由

ソーシャルプラットフォームは共有プレビューをトリミングおよびスケーリングします。1200×630は、高密度ディスプレイ上でも鮮明さを保つのに十分な幅を持ちながら、主要なすべてのプラットフォームが見出しやブランディングを切り取らずにレンダリングする比率(1.91:1)を維持します。これより小さい画像は拡大され、ぼやけて見えます。大きい画像は縮小されたり、拒否されたりします。

従うべきルール

プロパティ 推奨値
幅 1200 px
高さ 630 px
アスペクト比 1.91:1
最大ファイルサイズ 5 MB未満(8 MBが上限)
形式 PNG(テキストが鮮明)またはJPG(写真)

セーフエリアについて

プラットフォームによっては、カードの上下や左右の一部が切り取られることがあります。見出しテキストとロゴは、カードの中央付近(約50%) に配置し、重要なコンテンツがほとんどの切り取りでも失われないようにしてください。

プレビューが小さなサムネイルになる理由

正しい1200×630の画像でも、テキストの横に小さな正方形のサムネイルとして表示され、ワイドカードにならないことがあります。その判断はプラットフォーム側にあり、画像の寸法だけで決まるわけではありません。LinkedIn、Slack、WhatsAppはそれぞれ、ページと画像の組み合わせからレイアウトを選択しており、いずれもワイドカードを強制する設定は公開されていません。

制御可能な点は2つあり、まず確認する価値があります。壊れていると毎回小さなカードになるためです。

  1. クローラーが要求したときに画像を取得できる必要があります。 サムネイルは、プラットフォームが画像を読み取ったり解析したりできない場合にフォールバックするものです。当社の診断ツールはこれをプラットフォームごとに報告し、クローラーが諦めるケースも含みます。アニメーション画像と取得予算を超える画像(当社の設定ではWhatsAppは600 KB)は、どちらも小さなカードではなく、テキストのみで画像なしとして共有されます。/tryは実際のバイト数、形式、アニメーションを測定し、プラットフォームごとに判定を出力します。
  2. 宣言された寸法が実際のファイルと一致している必要があります。 画像と食い違うog:image:widthとog:image:heightは、カードが劣化する一般的な原因です。テンプレートレンダリングは常に、実際に生成したものを宣言します。

できないこととしては、プラットフォームがサムネイルを優先する場合にワイドカードを強制することはできません。どのツールでも不可能であり、そのため当社もこれを販売していません。実際に修正可能な原因についてはWhatsAppのリンクプレビューが表示されない?を、変更した画像が読み取られない理由についてはキャッシュガイドを参照してください。

FastOG がサイズを処理する方法

FastOG はすべてのテンプレートを正確に 1200×630 でレンダリングするため、サイズや比率について考える必要はありません。出力は og:image と twitter:image にそのまま使える状態です。

html
<meta property="og:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

API は、デフォルト以外のサイズが必要なサーフェスの場合に、明示的な width、height、format(png、jpeg、または webp)も受け付けます。出荷時の例として、X プロフィールヘッダーが xheader テンプレート経由で 1500×500 で提供されています。

FAQ

2025年現在も1200×630が適切なサイズですか?

はい。Facebook、X、LinkedIn、WhatsApp、Slack、Discordで広く推奨されるデフォルトサイズとして引き続き使用されています。

異なるサイズを使用した場合はどうなりますか?

通常は機能しますが、切り抜かれたりぼやけたりする可能性があります。どうしても変更する必要がある場合は、1.91:1の比率を維持し、5 MB未満にしてください。

FastOGでカスタムサイズを設定できますか?

はい。デフォルトはプラットフォームが期待する1200×630ですが、APIはwidth、height、format(png、jpeg、webp)を受け付けるため、異なるキャンバスが必要な場合(例えば1500×500のXプロフィールヘッダーなど)に使用できます。

無料で試す — サインアップ不要

動的OG画像を数秒でプレビューおよびテスト。

無料のOG画像テスターを開く

A BeCaSimulations site