🔒
ブラウザ内処理
画像はサーバーに送信しません
📝
登録不要
アカウント作成なし
⚡
即時プレビュー
リアルタイムで確認
48px
22px
135°
cloud_uploadクリックまたはドラッグ&ドロップで背景画像をアップロード
40%
add_photo_alternateクリックまたはドラッグ&ドロップでロゴをアップロード
PNG / SVG 推奨
PNG / SVG 推奨
60px
30px
example.com
ページタイトル
ページの説明文がここに表示されます
EXAMPLE.COM
ページタイトル
ページの説明文がここに表示されます
85%
OG画像ジェネレーターとは
OG画像(Open Graph画像)は、WebページがSNS(Twitter/X、Facebook、LINE、LinkedIn等)でシェアされた際に表示されるプレビュー画像です。魅力的なOG画像はクリック率(CTR)を大幅に向上させ、SNSからの流入を増やす重要な要素です。
本ツールは、プロ品質のOG画像をブラウザ上で完全無料・登録不要で作成できます。20以上のテンプレート、豊富なグラデーション背景、日本語フォント対応、ロゴ配置機能を備え、出力されるOGP画像は推奨サイズ1200×630pxに対応しています。
主な特徴
- 🎨 20+のプロ品質テンプレート(テック、ブログ、マーケティング等)
- 📝 8種類のフォント(Noto Sans JP、Inter等の日本語+英語フォント)
- 🌈 30+のグラデーション背景プリセット
- 🖼️ ロゴ・背景画像のアップロード
- 📱 Twitter/Facebook のSNSプレビュー
- 🏷️ OGPメタタグのHTMLコード自動生成
- 🔒 全処理がブラウザ内で完結(プライバシー保護)
OG画像の作り方
Step 1: テンプレート選択
用途に合ったテンプレートを選択します。テック系、ブログ、マーケティング等のカテゴリから選べます。
Step 2: カスタマイズ
タイトル、背景、ロゴ、装飾をお好みに調整します。フォントや色も自由に変更できます。
Step 3: ダウンロード
PNG/JPEG/WebP形式で画像をダウンロード。OGPメタタグも一緒に取得できます。
OGP(Open Graph Protocol)とは
OGP(Open Graph Protocol)は、Facebookが提唱したメタデータ規格で、WebページがSNSでシェアされた際の表示情報を定義します。
主要なOGPメタタグ
| タグ | 説明 | 推奨値 |
|---|---|---|
og:title | ページタイトル | 30〜60文字 |
og:description | ページの説明 | 80〜120文字 |
og:image | OG画像のURL | 1200×630px |
og:url | ページのURL | 正規URL |
og:type | コンテンツ種別 | website / article |
twitter:card | Twitterカード種別 | summary_large_image |
OG画像の推奨サイズ
| プラットフォーム | 推奨サイズ | アスペクト比 |
|---|---|---|
| 1200×630px | 1.91:1 | |
| Twitter / X | 1200×630px | 1.91:1 |
| LINE | 1200×630px | 1.91:1 |
| 1200×627px | 1.91:1 |
よくある質問
- Q. OG画像の推奨サイズは?
- A. 1200×630px が業界標準です。Facebook、Twitter、LINE、LinkedIn すべてで最適表示されます。
- Q. 作成した画像はどこに設置するの?
- A. サーバーにアップロードし、HTMLの <meta property="og:image"> タグで画像URLを指定します。本ツールの「OGPメタタグ生成」セクションでコードを取得できます。
- Q. データはサーバーに送信されますか?
- A. いいえ。全処理がブラウザ内で完結します。アップロードした画像やテキストは一切外部に送信されません。
- Q. Twitter/X の Summary Large Image とは?
- A. リンクシェア時に大きな画像付きカードで表示される形式です。twitter:card を summary_large_image に設定すると有効になります。
- Q. JPEG と PNG どちらが良い?
- A. 写真やグラデーション系は JPEG(ファイルサイズ小)、テキストやイラスト中心の画像は PNG(テキストが鮮明)が推奨です。
OG画像の活用シーン
📝
ブログ記事
記事タイトルとカテゴリバッジを含むOG画像で、SNSシェア時のクリック率を向上。
🛒
EC商品ページ
商品名とブランドロゴ入りのOG画像で、商品の認知度アップ。
🎉
イベント告知
開催日時・場所を含む視覚的なOG画像で、イベント参加率を向上。
💼
ポートフォリオ
作品名と作者情報入りのプロフェッショナルなOG画像で、ポートフォリオの印象を強化。