Open Graph & ソーシャルイメージ

APIでOpen Graphイメージを生成

1つのテンプレートとあなたのデータから、ページ、投稿、商品ごとにユニークなソーシャルシェア画像を自動生成。デザインツール、スクリーンショット、古いカードは不要。

ドキュメントを読む
毎月100 renders無料 · カード不要 · 有料プランは制限されません無料で試す:任意のページのOpen Graph画像をチェック →
MostlyRenderChangelog
制限されないレンダーAPIを実現する
テンプレート · 従量課金 · 本当の無料枠
A
Ada Render
Engineering
1つのテンプレート、あなたのデータから生成

仕組み

1

カードを1回デザインする

エディターでタイトル、説明、著者、背景をレイアウトして再利用可能なテンプレートを作成する

2

ページデータを渡す

タイトルと任意のフィールドをAPIに送信するか、署名付きrender-by-URLをog:imageタグに直接ドロップします

3

キャッシュして配信する

同じリクエストはキャッシュ画像を返し、再度請求されないため、高トラフィックページは無料で共有できます

1回のAPI呼び出し

curl https://api.mostlyrender.com/v1/renders \
  -H "Authorization: Bearer mr_test_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{"templateId":"tpl_og_card","modifications":{"title":"制限されないレンダーAPIを実現する","subtitle":"テンプレート · 従量課金 · 本当の無料枠"}}'

よくある質問

URLから直接OG画像をrenderできますか?

はい。署名付きrenderのURLはデータをog:imageタグのクエリ文字列に入れます。例:/v1/templates/tpl_abc/render.png?title=Hello&sig=...。ページごとにバックエンドコードは実行されません。署名により、データの変更や別のテンプレートの指定を防ぎます。

繰り返されるrenderは再請求されますか?

いいえ。同じテンプレートとデータはキャッシュされた画像を返し、もう一度カウントされないため、何千回も共有されるポストは1つのrenderでコストがかかります。

Open Graph画像はどのサイズにすべきですか?

1200 × 630ピクセル(1.91:1の縦横比)はほとんどのプラットフォームが大きなリンクプレビューに期待するサイズで、og:image:widthとog:image:heightを指定することでFacebookはリンク共有時に最初にその画像を表示できます。テンプレートはサイズ固有です。シェアカードのキャンバスを1200 × 630に設定し、他のプレースメント用に個別の正方形またはポートレートテンプレートを保持します。

どのような形式で出力できますか?

PNG(デフォルト、ロスレス)、JPEG、WebPまたはPDF。ソーシャルカード用にはPNGまたはJPEGが安全な選択です。署名付きURLはJPEG/WebPの品質用にq(0~100)、高解像度の出力用にscale(1~3)も受け入れます。

og:image URLにAPIキーが露出していますか?

いいえ。URLはAPIキーではなく、URL署名シークレットで作成されたHMAC署名を含みます。シークレットをサーバー側に保持してください。設定でローテーションすると、古いもので署名されたすべてのURLが無効になります。

ページがバイラルになった場合はどうなりますか?

キャッシュされたURLは制限なく配信され続けます。キャッシュされていないrendersのみがテンプレートごとにレート制限され(Retry-After付きの429が表示されます)、有料プランでは含まれた量を超えるrendersは、ブロックされるのではなく超過料金として請求されます。

コードを書かずにOG画像を生成できますか?

はい。エディタでテンプレートを構築し、Playgroundで「署名付きURLを取得」を押して、og:imageタグに貼り付けるか、n8nワークフローからレンダリングを駆動します。