OGP画像ジェネレーター
タイトルを入力するだけで、SNSシェア用のOGP画像（1200x630px）を生成・ダウンロードできます。背景テーマ・文字サイズ・サブタイトルもカスタマイズ可能。
コンテンツ
0/100
デザイン
1200 x 630 px (PNG)
OGP画像とは
OGP（Open Graph Protocol）画像は、WebページのURLがSNSでシェアされた際に表示されるサムネイル画像です。 X（Twitter）、Facebook、LINEなどの主要SNSで、リンクのプレビューとして表示されます。
適切なOGP画像を設定することで、SNSでのクリック率（CTR）が向上し、Webサイトへの流入増加が期待できます。 画像がないリンクに比べて、OGP画像付きのリンクは視認性が大きく高まります。
カスタマイズ可能な項目
- 背景テーマ（7種類 + カスタム）
- ライト・ダーク・ネイビー・フォレスト・ワイン・ロイヤル・サンセットの7つのプリセットテーマを用意。カスタムモードではHEXカラーコードで自由に背景色を指定できます。
- アクセントカラー
- ボーダーとブランド名の色を6つのプリセットカラーまたはカスタムHEXで指定。サイトのブランドカラーに合わせた画像を作成できます。
- タイトル文字サイズ
- 32px〜72pxの範囲でスライダーで調整可能。自動モードでは文字数に応じて最適なサイズが自動計算されます。
- サブタイトル
- タイトルの上に補足テキストを追加できます。カテゴリ名やキャッチコピーの表示に便利です。
使い方
- 記事のタイトルを入力します
- 必要に応じてブランド名やサブタイトルを追加します
- 背景テーマを選択します（7種のプリセットまたはカスタム背景色）
- アクセントカラーやタイトルの文字サイズを調整します
- プレビューを確認して「ダウンロード」ボタンをクリックします
- ダウンロードした画像をブログやSNSのOGP画像として設定します
対応SNS・プラットフォーム
このツールで生成するOGP画像（1200x630px、PNG形式）は、以下のSNS・プラットフォームで最適に表示されます。
- X（Twitter） —
twitter:cardがsummary_large_imageの場合に表示 - Facebook — OGPメタタグの
og:imageで指定 - LINE — URLプレビューのサムネイルとして表示
- Slack — リンク展開時にプレビュー表示
- Discord — 埋め込みリンクのサムネイルとして表示
- はてなブックマーク — エントリーページのサムネイルとして表示
OGP画像の設定方法
生成した画像をWebサイトに設定するには、HTMLの <head> タグ内に以下のメタタグを追加します。
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />WordPressの場合はSEOプラグイン（Yoast SEO、All in One SEO等）の設定画面からアップロードできます。 Next.jsの場合は metadata オブジェクトの openGraph.images で指定します。
使い方（動画）
最近の改善
背景テーマを7種類（ライト・ダーク・ネイビー・フォレスト・ワイン・ロイヤル・サンセット）に拡充
カスタム背景色をHEXで自由に指定可能に
タイトルの文字サイズをスライダーで手動調整可能に（自動モード付き）
サブタイトルフィールドを追加
関連記事
よくある質問
- Q. OGP画像の推奨サイズは？
- OGP画像の推奨サイズは1200×630ピクセルです。このツールではそのサイズの画像を自動生成します。X（Twitter）、Facebook、LINEなどの主要SNSで最適に表示されます。
- Q. 背景色やテーマを変更できますか？
- はい。ライト・ダーク・ネイビー・フォレスト・ワイン・ロイヤル・サンセットの7種類のプリセットテーマに加え、カスタムモードでHEXカラーコードを指定して自由に背景色を変更できます。
- Q. 文字サイズは変更できますか？
- はい。タイトルの文字サイズを32px〜72pxの範囲でスライダーで自由に調整できます。デフォルトは自動モードで、文字数に応じて最適なサイズが自動計算されます。
- Q. サブタイトルやブランド名は入れられますか？
- はい。ブランド名（最大50文字）はアクセントカラーで画像上部に、サブタイトル（最大80文字）はタイトルの上に補足テキストとして表示されます。どちらもオプションです。
- Q. 生成した画像の著作権はどうなりますか？
- 生成した画像は自由にご利用いただけます。商用利用・個人利用ともに制限はありません。クレジット表記も不要です。
- Q. どのファイル形式でダウンロードできますか？
- PNG形式でダウンロードできます。PNG形式はSNSのOGP画像として最も広くサポートされている形式です。透過なしの高品質な画像が生成されます。
- Q. 生成した画像をSNSに反映するには？
- ダウンロードした画像をサーバーにアップロードし、HTMLのheadタグ内にog:imageメタタグで画像URLを指定します。WordPressの場合はSEOプラグイン（Yoast SEO等）から設定できます。
- Q. スマートフォンから利用できますか？
- はい。ブラウザだけで動作するため、スマートフォン・タブレットからも利用可能です。アプリのインストールや会員登録は不要です。
関連ツール
開発者
Zeronova（ゼロノバ）
Product Manager / AI-Native Builder
19年以上のWeb/IT業界経験を持つPdMが、現場で本当に使えるツールを開発。登録不要・ブラウザだけで動作する無料ツールを93種類以上公開中。