無料WEBツールdigtoooooools

by 大阪のホームページ制作会社digrart

OG画像ジェネレーター｜SNSシェア用OGP画像を無料作成【1200×630対応】

🔒
ブラウザ内処理

画像はサーバーに送信しません

📝
登録不要

アカウント作成なし

⚡
即時プレビュー

リアルタイムで確認

48px
22px
135°
example.com
ページタイトル
ページの説明文がここに表示されます
EXAMPLE.COM
ページタイトル
ページの説明文がここに表示されます
🎨 CSSグラデーション ジェネレーター🔄 カラーコード変換📐 画像リサイズ

OG画像ジェネレーターとは

OG画像（Open Graph画像）は、WebページがSNS（Twitter/X、Facebook、LINE、LinkedIn等）でシェアされた際に表示されるプレビュー画像です。魅力的なOG画像はクリック率（CTR）を大幅に向上させ、SNSからの流入を増やす重要な要素です。

本ツールは、プロ品質のOG画像をブラウザ上で完全無料・登録不要で作成できます。20以上のテンプレート、豊富なグラデーション背景、日本語フォント対応、ロゴ配置機能を備え、出力されるOGP画像は推奨サイズ1200×630pxに対応しています。

主な特徴

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:imageOG画像のURL1200×630px
og:urlページのURL正規URL
og:typeコンテンツ種別website / article
twitter:cardTwitterカード種別summary_large_image

OG画像の推奨サイズ

プラットフォーム推奨サイズアスペクト比
Facebook1200×630px1.91:1
Twitter / X1200×630px1.91:1
LINE1200×630px1.91:1
LinkedIn1200×627px1.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画像で、ポートフォリオの印象を強化。

SNS・エンタメ
WEB開発ツール
SEO対策
ネットワーク
セキュリティ
画像処理・テキスト解析
ビジネス
生活