OG Image Generator
OG Image Generator — ブラウザで動作します。入力は保存されません。
OG画像ジェネレーター
1200×630キャンバス（Open Graph / SNS共有用）
値を入力してから「計算する」を押してください。
使い方
- 背景色と文字色を選びます。初期は暗い背景に白い文字です。
- タイトル（最大80字）とサブタイトル（最大120字）を入力します。
- プレビューを押して 1200×630 キャンバスに描きます。ページを開くと初期文面ですでに描かれていることがあります。
- シェアカードが気に入ったらPNG ダウンロードで保存します。
- 文面を変えるには文字を直してプレビューを再度押すか、リセットします。
ポイント
OG 画像ジェネレーターは、カカオトーク・Facebook・Slack のリンクプレビュー用 Open Graph 画像を素早く作るときに使います。サイズは推奨値の 1200×630 固定です。ロゴアップロードやフォントファイル選択はなく、背景色と2行テキストだけを描きます。キャンバスはブラウザ内だけでレンダリングされます。
og:image URL は、この PNG をサイトに上げたアドレスをメタタグに入れます。タイトルが長いと切れることがあるので核の語だけ残す方が安全です。Twitter の大きなカードも同じ比率をよく使います。写真背景が必要ならデザインツールで作り、この画面はテキスト型カード用に使ってください。
例
タイトルに記事タイトル、サブタイトルにサイト名を入れてプレビューすると、暗い地に白い文字のカードが出ます。PNG を静的パスに上げ、メタタグジェネレーターで og:image URL を埋めるとシェアプレビューがつながります。タイトルは1行に入る短さ、サブタイトルにサイトや日付を置く構成が読みやすいです。背景と文字のコントラストが低いとメッセンジャーのサムネイルで文字が埋もれるので、プレビューでコントラストを確認してください。上げた PNG アドレスが https でないと一部プラットフォームがカードを空にすることがあります。同じ入力を何度も試すときはリセットしてから貼り直し、前の出力と混ざらないようにします。共用PCなら作業後に入力欄を空にして原文がモニターに残らないようにしてください。タブを閉じると値も消え、サーバーへの削除依頼は不要です。ボタン名と欄タイトルは画面上のツールと同じなので、文章を読みながらそのまま進められます。
関連: ファビコンジェネレーター · ミームメーカー
よくある質問
OG 画像サイズは固定ですか？
はい。一般的な Open Graph 推奨サイズの 1200×630 です。
ロゴ画像を上げられますか？
この版は背景色とタイトル・サブタイトルのテキストだけを描きます。
PNG はサーバーに自動アップロードされますか？
いいえ。ブラウザで描いてダウンロードするだけです。公開は自分で行います。
タイトルの文字数制限はありますか？
タイトル80字、サブタイトル120字まで入力欄が止まっています。長い文は切れて見えることがあります。
Twitter カードにも使いますか？
同じ PNG を twitter:image に使うことが多いです。カードタイプはメタタグで選んでください。
ハングルフォントは崩れますか？
ブラウザ標準のキャンバスフォントを使います。環境によって太さ・切れが違うことがあります。
最終確認日: 2026-09-04