01 送出資料
- REST API
- JS、Python、PHP、Go
- Zapier 與 n8n
- Claude、Cursor(MCP)
02 渲染範本
03 取得檔案
- PNG、JPEG、WebP每次請求都能選擇格式
- PDF發票、標籤、證書
- 簽署網址可直接放進 <img> 標籤或電子郵件
- 你的儲存空間把檔案存到 S3 或 R2
渲染由我們自己的引擎執行,不使用無頭瀏覽器。重複的請求會直接從快取回傳。
使用方式
- 01
選擇範本
從範本庫開始,或在編輯器中自行設計。為想變更的圖層命名。
- 02
傳送資料
呼叫 REST API 或 SDK,或串接 Zapier、n8n,也可以透過 MCP 連接你的 AI 助理。
- 03
取得圖片
完成的 PNG、JPEG 或 WebP 會在同一次請求中回傳。不需要輪詢,也不需要 webhook。
功能
專為正式環境的流量打造。
不必自己維運圖片基礎設施,就能把生成的圖片推上線,所需的功能都在這裡。
不需要無頭瀏覽器
範本由我們自己的引擎渲染。不必擴充、更新或看顧任何 Chromium。
預設為同步
檔案直接在回應中取得。沒有工作佇列,也沒有需要輪詢的狀態端點。
簽署網址
可以把渲染網址直接放進 img 標籤、電子郵件或 og:image。圖片會在第一次被瀏覽時生成。
了解更多(簽署網址)PNG、JPEG 或 WebP
每次請求都能選擇輸出格式,最大可達 5000 × 5000 像素。
了解更多(PNG、JPEG 或 WebP)任何圖層都能變更
可以覆寫文字、圖片、顏色與顯示狀態,也能把表格、圖表、QR Code 與條碼綁定到資料。
了解更多(任何圖層都能變更)邊緣快取
重複的請求最長 7 天直接由快取回應,不會計為新的生成。
curl -X POST https://api.bannerify.co/v1/templates/createImage \
-H "Content-Type: application/json" \
-d '{
"apiKey": "bnfy_xxx",
"templateId": "tpl_xxx",
"modifications": [
{ "name": "headline", "text": "Summer sale" },
{ "name": "price", "text": "$29" }
]
}' --output banner.pngimport { Bannerify } from "bannerify-js"
const bannerify = new Bannerify("bnfy_xxx")
const { result, error } = await bannerify.createImage("tpl_xxx", {
modifications: [
{ name: "headline", text: "Summer sale" },
{ name: "price", text: "$29" }
],
})from bannerify import BannerifyClient
client = BannerifyClient("bnfy_xxx")
result = client.create_image(
"tpl_xxx",
modifications=[
{ "name": "headline", "text": "Summer sale" },
{ "name": "price", "text": "$29" }
],
)<?php
use Bannerify\Bannerify\BannerifyClient;
$client = new BannerifyClient('bnfy_xxx');
$result = $client->createImage('tpl_xxx', [
'modifications' => [
[ 'name' => "headline", 'text' => "Summer sale" ],
[ 'name' => "price", 'text' => "$29" ]
],
]);client := bannerify.NewBannerifyClient("bnfy_xxx")
result := client.CreateImage(ctx, "tpl_xxx", &bannerify.CreateImageOptions{
Modifications: []bannerify.Modification{
{Name: "headline", Text: "Summer sale"},
{Name: "price", Text: "$29"},
},
})免寫程式
或者,完全不用寫程式。
不是開發者也沒問題。用你現有的工具,就能從試算表、表單與商店資料生成圖片。
無程式碼自動化
每一列新資料、每筆表單回覆、每張訂單,都能自動生成圖片或 PDF,完全不用寫程式。
透過你的工作流程工具連接
Google Sheets
Airtable
Tally
Shopify
Webhooks
Slack
Google Drive
Dropbox
用 MCP 串接 AI Agent
只要在助理中加入一個網址,登入一次即可,不必複製 API 金鑰。
$ claude mcp add --transport http bannerify https://api.bannerify.co/mcp
> 用我的 Product Hunt 範本做一張上線橫幅
✓ list_templates · 12 個範本
✓ create_image · launch-banner.png
Claude Code
Claude Desktop
Cursor
VS Code
常見問題
找不到答案嗎?請寄信到 an@bannerify.co,創辦人會親自回覆。
什麼是動態圖片生成?
每張圖片都在你提出需求時依資料組合而成,而不是手工設計。你只要做一個含有命名圖層的範本,再傳送每張圖片的值,例如名稱、價格或照片,Bannerify 就會為每一組值回傳一張新圖片。
可以用 API 生成 OG 圖片嗎?
可以。做一個 1200 × 630 的範本,並把簽署網址放進每個頁面的 og:image meta 標籤。社群平台第一次請求時,圖片會依該頁面的標題或其他值渲染,之後就由快取提供。
這和 HTML 截圖有什麼不同?
截圖服務會為每張圖片啟動一個無頭瀏覽器。Bannerify 以自己的引擎渲染範本,所以不必執行瀏覽器,結果也會在同一次請求中回傳。
可以生成哪些格式?
圖片支援 PNG、JPEG 與 WebP。同一個範本也能透過 PDF API 輸出為 PDF。
圖片尺寸上限是多少?
尺寸上限為 5000 × 5000 像素。
什麼時候該用簽署網址,而不是 createImage?
圖片要顯示在網頁、電子郵件或社群預覽時,請使用簽署網址。網址由你的資料組成,圖片會在第一次被瀏覽時渲染。如果你的伺服器需要取得檔案本身,則使用 createImage。
重複的請求也會計入生成次數嗎?
不會。由快取回應的請求不會計為新的生成。圖片最長會在快取中保留 7 天。
