OGP画像ジェネレーター（1200×630 PNG）
ブログやWebページをSNSでシェアしたときに表示されるOGP画像を、タイトルを入力するだけで作成できます。長いタイトルは枠に収まるよう文字サイズを自動で調整します。画像はブラウザ内で生成され、入力内容はサーバーに送信されません。作った画像は メタタグ生成 のOGP設定に指定してください。
🔒 ブラウザ内で完結・入力データはサーバーに送信されません
プレビュー
使い方
- 「タイトル」を入力します。必要なら「サブタイトル（任意）」と「サイト名（任意）」も入力します。
- 「画像サイズ」を選び、「背景」と色、「フォント」、「文字の配置」を調整します。
- プレビューで文字が読みやすいか確認します。
- 「PNG画像をダウンロード」ボタンで保存し、サイトにアップロードしてOGP画像として指定します。
注意事項
- 文字は、お使いの端末にあるフォントで描画されます。端末によってゴシック体・明朝体の見た目が少し変わります。
- タイトルが長い場合は文字サイズを小さくして収めます。それでも収まらないときは、末尾を省略記号（…）で省略します。
- SNSでは画像の端が切り取られて表示されることがあります。重要な文字は端に寄せすぎないよう、短いタイトルにするのがおすすめです。
- 作った画像を使うには、サイトにアップロードして、og:image のメタタグにそのURLを指定する必要があります。
用語解説
OGP
Open Graph Protocolの略で、WebページをSNSなどでシェアしたときに表示されるタイトル・説明・画像を指定する仕組みです。
og:image
OGPで、シェア時に表示する画像のURLを指定するメタタグです。1200×630pxが推奨サイズとされています。
Twitterカード（Xカード）
Xでリンクを共有したときの表示形式を指定する仕組みです。大きな画像付きのカードは、16:9に近い比率の画像がきれいに表示されます。
よくある質問
OGP画像の推奨サイズはいくつですか？
一般的には1200×630px（約1.91:1）が推奨です。Facebookやほとんどのサービスでこの比率が使われます。Xで大きなカードとして表示したい場合は16:9に近い1200×675pxも選べます。
作った画像をOGP画像として設定するにはどうしますか？
ダウンロードしたPNGをサイトにアップロードし、そのURLを og:image のメタタグに指定します。メタタグの作成にはメタタグ生成ツールが使えます。
タイトルが長いとどうなりますか？
枠に収まるまで文字サイズを自動で小さくし、折り返して表示します。最小サイズでも収まらない場合は、末尾を「…」で省略します。
画像に使える文字やフォントに制限はありますか？
お使いの端末にあるゴシック体・明朝体で描画します。Webフォントは読み込まないため、端末によって字形が少し変わります。絵文字は端末の絵文字フォントで表示されます。
このページをシェア