640 × 360社交分享卡
小宇宙播客节目分享卡片
播客单集分享卡，含节目封面、单集标题、主播与收听二维码。
面向开发者的图片生成 API
基于 HTML + CSS
自动化生成图片
调用 API 将 HTML 转换为高质量图片，支持输出 Webp、Jpeg、Png 格式。可用于生成分享海报、商品封面、文章封面、营销海报等。
注册即送 100 次 · 按量付费
HTML → PNG
template
1 次 API 调用<div class="card">
<div class="badge">SALE</div>
<h1 class="title">夏季焕新</h1>
<p class="subtitle">精选好物 低至5折</p>
<img src="{{image}}" />
<div class="price">
<span class="current">¥49</span>
<span class="original">¥99</span>
</div>
</div>
应用场景
自动生成每张图片
使用模板保持视觉一致，传入动态变化的数据即可快速生成视觉一致的图片。无需反复打开设计工具导出图片。
模板灵感
从一个好模板开始
使用现成模板快速开始，也可以用 HTML + CSS 从零开始设计。
功能特性
用 HTML + CSS 控制每一处细节
从简单的 API 调用到复杂的自定义模板，imgrender 覆盖你所需的一切图片生成场景。
高度可定制
完全控制布局、颜色、间距和样式。支持任意 Tailwind 类和内联样式，生成完全符合品牌调性的图片。
多种字体支持
内置 10+ 免费商用字体，也支持自定义字体。中文、英文、日文、韩文、Emoji 完美渲染，无需额外配置。
高性能生成
P99 响应时间 < 1s。不基于浏览器渲染，性能上限更高。
多种输出格式
支持 PNG、JPEG、WebP 输出，可指定分辨率和质量参数，满足不同平台的图片规格要求。
渲染方式
同一套内容，两种渲染方式
方式 01
基于可复用模板渲染
先将 HTML + CSS 保存为模板，调用时只传变量。适合批量、自动化和品牌视觉一致的生产场景。适用于大部分场景。
设计模板
使用 HTML / JSX + CSS 编写可复用模板
1设置变量
把标题、图片、价格等内容参数化
2调用 API
传入模板 ID 与本次渲染的数据
3获得图片
返回可直接使用的图片 URL
4方式 02
完整传入 HTML + CSS
将每次渲染需要的 HTML 与 CSS 完整传入。适合内容结构变化较大、希望完全自行控制的场景。
POST /open/v1/images/render
{
"content": "<div>...</div>",
"width": 640,
"height": 360,
"format": "png"
}常见问题
你可能想知道
关于 imgrender 图片生成 API 的常见问题。更多技术细节可以查看文档。
免费套餐包含什么？+
注册即送100次请求，可以体验到完整的功能
我可以使用哪些编程语言接入 imgrender？+
任何能够发起 HTTP 请求的编程语言都可以。例如：Python、JavaScript、PHP、Java、C#、Go、Ruby、Swift 等。
可以在 Dify 中使用吗？+
可以，Dify 提供了 HTTP Request 节点，可以轻松调用 imgrender 的 API。请参考 https://docs.dify.ai/en/cloud/use-dify/nodes/http-request
可以在扣子（Coze）中使用吗？+
可以，扣子（Coze）提供了 HTTP Request 节点，可以轻松调用 imgrender 的 API。请参考 https://docs.coze.cn/guides_http_node
可以在 n8n 中使用吗？+
可以，n8n 提供了 HTTP Request 节点，可以轻松调用 imgrender 的 API。请参考 https://docs.n8n.io/integrations/builtin/core-nodes/n8n-nodes-base.httprequest