输入 JSX 或 HTML 片段，通过简单的 API 调用即可获得高质量图片。 适用于分享海报、商品封面、文章封面、营销海报等多种场景。
// 调用 imgrender API
const response = await fetch("https://api.imgrender.dev/v1/render", {
method: "POST",
body: JSON.stringify({
jsx: `<div style={{background:'#1a1a1a',padding:'40px'}}>
<h1 style={{color:'#4ade80'}}>Hello, imgrender!</h1>
</div>`,
width: 1200, height: 630
})
})功能特性
从简单的 API 调用到复杂的自定义模板，imgrender 覆盖你所需的一切图片生成场景。
完全控制布局、颜色、间距和样式。支持任意 Tailwind 类和内联样式，生成完全符合品牌调性的图片。
内置 100+ Google Fonts，也支持自定义字体 URL。中英文字体完美渲染，无需额外配置。
P99 响应时间 < 1s。基于边缘节点分发，就近渲染，延迟更低。
每月 1000 次免费请求，个人开发者和小项目完全够用。按量付费，无隐藏费用。
99.9% SLA 保障，自动重试机制，企业级可靠性。生产环境已验证，放心使用。
支持 PNG、JPEG、WebP 输出，可指定分辨率和质量参数，满足不同平台的图片规格要求。
工作原理
接入简单，分钟级上线，无需复杂配置。
像写普通 React 组件一样编写模板。支持内联样式、Tailwind CSS、自定义字体。
<div style={{
display: 'flex',
background: '#0f172a',
padding: '48px',
borderRadius: '16px'
}}>
<h1 style={{ color: '#4ade80', fontSize: '48px' }}>
我的文章标题
</h1>
</div>将 JSX 字符串连同宽高参数一起 POST 到 imgrender API，附上你的 API Key。
fetch('https://api.imgrender.dev/v1/render', {
method: 'POST',
headers: {
'Authorization': 'Bearer YOUR_API_KEY',
'Content-Type': 'application/json'
},
body: JSON.stringify({ jsx, width: 1200, height: 630 })
})API 返回图片的 CDN URL，可直接嵌入到 OG meta 标签、邮件或任意位置。
// 响应示例
{
"url": "https://cdn.imgrender.dev/renders/abc123.png",
"width": 1200,
"height": 630,
"format": "png",
"renderTime": 312
}应用场景
只要能用 JSX 写出来，imgrender 就能帮你变成图片。
2024 年度技术趋势报告
深度解析 AI、云原生与开发效率
为博客文章、产品更新、活动通知自动生成精美海报，提升社交传播效果。
Pro 开发者工具包
限时特惠 · 原价 ¥299 · 现价 ¥99
根据商品数据动态渲染封面图，批量生成，告别手动设计。
Next.js 16 全新特性解析
5 分钟快速掌握所有重要变化
CMS 发布文章时自动触发 API，生成符合各平台尺寸规范的封面图。