Skip to main content

OGイメージジェネレーター ソーシャルメディアのリンクプレビュー用にテキストやブランドを含むOpen Graphイメージを作成します。

OGイメージジェネレーター illustration
🖼️

OGイメージジェネレーター

ソーシャルメディアのリンクプレビュー用にテキストやブランドを含むOpen Graphイメージを作成します。

1

コンテンツの入力

タイトル、説明文、およびオプションのブランドテキストを追加します。

2

スタイルのカスタマイズ

背景色、グラデーション、フォントサイズ、テキスト色を選択します。

3

OG画像のダウンロード

1200x630pxのOpen Graph画像を生成してダウンロードします。

Loading tool...

What Is OGイメージジェネレーター?

ソーシャルメディアのリンクプレビュー用に適切なサイズ(1200x630px)のOpen Graph画像を生成するツールです。Facebook、Twitter、LinkedIn、SlackでURLを共有すると、OG画像がリンクプレビューとして表示されます。カスタムタイトル、説明文、ブランド、背景色またはグラデーション、テキストスタイルを使って魅力的なプレビュー画像を作成できます。デザインスキルは必要ありません。Canvas APIにより、行折り返しや中央揃えに対応したクリアなテキストをレンダリングします。

Why Use OGイメージジェネレーター?

  • 標準的な1200x630pxのOG画像サイズ
  • カスタムテキスト、色、グラデーション、ブランド
  • 適切なテキスト折り返しと中央揃え
  • デザインスキル不要のプロフェッショナルなリンクプレビュー

Common Use Cases

ブログ記事

ブログ記事用に魅力的なリンクプレビュー画像を作成します。

製品ページ

製品やランディングページ用のブランドOG画像をデザインします。

ドキュメント

ドキュメントやAPIページ用に一貫したプレビュー画像を生成します。

イベント

共有されたときに見栄えの良いイベントアナウンス画像を作成します。

Technical Guide

OG画像は1200x630pxのキャンバス上でレンダリングされます。背景には単色または線形グラデーションが使用されます。タイトルは大きな太字フォント(48-64px)を使用し、measureTextによる自動での語折り返しが可能です。説明文はより小さいフォントで下部に表示されます。テキストは水平方向と垂直方向の両方で中央揃えされています。ブランド名は下部に表示されます。出力形式はPNGです。

Tips & Best Practices

  • 1
    タイトルは60文字以内にして読みやすくする
  • 2
    背景に対して高コントラストのテキストを使用する
  • 3
    ブランド名またはドメインを含めて認識性を高める
  • 4
    小さいサイズでテストする - フィードではそのように表示されます

Related Tools

Frequently Asked Questions

Q OG画像とは何か?
ソーシャルメディアプラットフォームでURLが共有されたときに表示されるプレビュー画像です。
Q サイズは?
1200x630ピクセルは、Facebookによって推奨され、すべてのプラットフォームでサポートされている標準サイズです。
Q 使い方は?
ウェブサイトにアップロードし、<meta property="og:image">タグを使用して画像URLを指します。
Q 背景画像?
単色とグラデーションをサポートしています。背景画像の場合はImage Text Overlayを使用してください。
Q Twitterでも機能する?
はい - Twitterもリンクプレビューに同じOG画像を使用します。

About This Tool

OGイメージジェネレーター is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.