Bannerify

無料ツール無料 OGP 画像ジェネレーター。テンプレートを選んで、文字を変えるだけ。

ブログ記事、ローンチ、ドキュメント、イベント向けの 1200 × 630 の OGP 画像を作れます。文字を変えるとプレビューが更新され、PNG をダウンロードできます。アカウントは不要です。

無料、アカウント登録は不要です。

テンプレート
「ドキュメント・記事」テンプレートの文字
フォームの文字を入れた画像のプレビュー
準備完了1200 × 630

文字を入力すると、画像がすぐに更新されます。色、フォント、ロゴを変えるには、無料アカウントで Bannerify のデザインを編集してください。

PNG をサイトにアップロードしたら、次のタグをページの head に追加してください。画像の URL は絶対 URL にします。

<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />

追加したら、ページをチェックして、X、Facebook、LinkedIn での表示を確認しましょう。

ページごとに必要ですか?テンプレートの URL から生成できます。

使い方

  1. 01

    テンプレートを選ぶ

    1200 × 630 のリンクプレビュー向けに作られたデザインから始めます。

  2. 02

    文字を変える

    タイトル、ラベル、ウェブサイトを入力します。入力するとプレビューがすぐに更新されます。

  3. 03

    PNG をダウンロード

    サイトにアップロードして、og:image タグでその画像を指定します。

よくある質問

答えが見つからない場合は、an@bannerify.co までメールでお問い合わせください。創業者が返信します。

OGP 画像(OG 画像)とは何ですか?

Facebook、LinkedIn、X、Slack、iMessage などでリンクを共有したときに表示される画像です。Open Graph プロトコルの og:image メタタグで指定します。

OGP 画像のサイズはどれくらいがよいですか?

1200 × 630 ピクセル、縦横比 1.91:1 です。Facebook と LinkedIn がこのサイズを推奨していて、X でも上下がわずかに切り取られる程度で表示されます。ここにあるテンプレートはすべて 1200 × 630 です。

画像をページに設定するには?

PNG をサイトにアップロードし、ページの head に、画像の絶対 URL を指定した og:image メタタグと、og:image:width、og:image:height を追加します。X で大きいカードを表示するには、twitter:card に summary_large_image を指定してください。

アカウントは必要ですか?

いいえ。OGP 画像ジェネレーターは無料で、誰でも使えます。

ページごとに OGP 画像を作るには?

テンプレートを Bannerify にコピーし、ページごとにページタイトルを指定した画像 URL に署名します。Bannerify は、SNS が最初にアクセスしたときに各画像を生成します。無料プランには月 100 回の生成が含まれます。

同じ作業を何千回も繰り返していませんか?

ページごとに URL へ署名するだけで、Bannerify があなたのテンプレートからすべての OGP 画像を生成します。