OG 画像ジェネレーター

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

OG 画像ジェネレーターは、標準サイズの 1200x630 ピクセルでソーシャル共有カード（Open Graph / Twitter カード画像）を作るための無料のブラウザ内ツールです。マーケター、ブロガー、個人開発者、そしてランディングページを公開するすべての人が、デザインアプリを開かずにきれいなプレビュー用サムネイルを作るために使います。見出しと任意のサブ見出しを入力し、単色か斜めのグラデーションを選び、文字色と左揃え・中央揃えを設定し、隅にブランドマークを入れたい場合はロゴ URL を貼り付けます。canvas がリアルタイムで描き直されるので文言や配色を微調整でき、og:image メタタグにそのまま使える PNG を書き出せます。

OG 画像ジェネレーターの使い方

1. 「タイトル」欄に見出しを入力します。大きく太字で描画され、最大 3 行まで自動折り返しされます。
2. タイトルの下に任意のサブタイトルを追加するか、空のままにして見出しだけを表示します。
3. 「設定」を開いて単色かグラデーション背景を選び、背景色と文字色を設定し、左揃えか中央揃えを選びます。
4. 必要に応じてロゴ画像の URL（CORS を許可した画像）を貼り付けて、テキストの上にロゴを配置します。
5. 1200x630 のプレビューがリアルタイムに更新されるのを確認し、クリックで拡大して、カードを PNG としてダウンロードします。

使用例

よくある質問

生成される画像のサイズは？

常に 1200x630 ピクセルで、Open Graph と Twitter の summary-large-image の標準比率（約 1.91:1）です。このサイズは Facebook・X/Twitter・LinkedIn・Slack・Discord のリンクプレビューで鮮明に表示されます。

自分のロゴを追加するには？

「ロゴ URL」欄にロゴ画像への直接 URL を貼り付けます。画像はその URL から取得され、縦横比を保ったまま固定の高さでテキストの上に描画されます。出典がクロスオリジン利用（CORS）を許可していないと、ブラウザが canvas への描画をブロックします。

色やレイアウトは調整できますか？

はい。設定で単色背景と 2 色斜めグラデーションを切り替えられ、背景色と文字色を設定し、左揃え・中央揃えを選べます。タイトルとサブタイトルは自動で折り返され、長すぎるテキストは省略記号で切り詰められます。

テキストや画像はどこかにアップロードされますか？

いいえ。カードはすべてブラウザ内の HTML canvas で描画され、ローカルで PNG に書き出されます。タイトル・サブタイトル・色がサーバーに送信されることは一切ありません。指定したロゴ URL のみが取得され、そのリクエストはブラウザから選んだホストへ直接送られます。