ロゴ+縦書きテキストのOGP画像をブラウザだけで生成できます

OGP設定

作成履歴

URLだけで画像生成(API連携)

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右側テキスト(改行は %0Aright=お知らせ
left左側テキストleft=新商品入荷
titleタイトル(英字向き)title=NEWS
desc説明テキストdesc=2026年5月
bg背景色bg=%23dce5e5
color文字色color=%232F4F4F
logo_textロゴ文字(4字まで)logo_text=EM
logo_urlロゴ画像のURLlogo_url=https://...

#%23 に置き換えてください(例: #dce5e5%23dce5e5)。
出力は 1200×630px の PNG 画像です。