ロゴ+縦書きテキストのOGP画像をブラウザだけで生成できます
OGPaintはURLにテキストを入れるだけで画像を自動生成できます。
ブログやホームページの「OGP画像」欄にこのURLを貼れば、記事ごとに画像を作る手間がなくなります。
以下のURLの日本語部分を書き換えるだけです:
https://ogpaint-api.vercel.app/api/og?right=右のテキスト&left=左のテキスト&title=タイトル
WordPress → SEOプラグイン(Yoast, SWELL等)の「OGP画像URL」欄にペースト
HTML直書き → <meta property="og:image" content="上のURL">
microCMS・Notion等 → OGP画像フィールドにURLを入力
URLに & で追加できるオプション:
| パラメータ | 内容 | 例 |
|---|---|---|
| right | 右側テキスト(改行は %0A) | right=お知らせ |
| left | 左側テキスト | left=新商品入荷 |
| title | タイトル(英字向き) | title=NEWS |
| desc | 説明テキスト | desc=2026年5月 |
| bg | 背景色 | bg=%23dce5e5 |
| color | 文字色 | color=%232F4F4F |
| logo_text | ロゴ文字(4字まで) | logo_text=EM |
| logo_url | ロゴ画像のURL | logo_url=https://... |
# は %23 に置き換えてください(例: #dce5e5 → %23dce5e5)。
出力は 1200×630px の PNG 画像です。