HTML 转 PNG
本地运行，数据不上传服务器
dom-to-image 按需加载；当前设备输入上限 2 MB、输出上限 16 MP。跨域图片需要目标站点允许 CORS。
文件在浏览器本地处理，不会上传服务器。
等待生成 PNG...
生成成功后会在这里显示图片，并自动开始下载。使用说明
做一个 UI 卡片或消息气泡效果，想直接导出成图片发给同事；设计稿里有些元素需要用 HTML 实现，做完了要拿图片；写前端组件时想把某个状态截图，但不想装截图工具；做透明背景的 Logo 或活动素材，用 HTML 做再导成透明 PNG 最灵活。 这个工具把粘贴的 HTML/CSS 代码渲染成 PNG 图片，支持透明或纯色背景，清晰度可选 1x、2x、3x、4x。实时预览显示渲染效果，确认后下载 PNG。 渲染前会自动移除脚本、iframe、对象嵌入、内联事件和 `javascript:` 地址，避免安全风险。支持 CORS 的外链图片会尝试转成 Data URL。适合前端开发、设计师、做活动素材的人。
核心功能
- ✓把 HTML/CSS 代码渲染成 PNG
- ✓支持透明背景或纯色背景
- ✓清晰度可选 1x、2x、3x、4x
- ✓实时预览渲染效果
- ✓自动移除脚本和 iframe 等不安全内容
- ✓尝试把支持 CORS 的外链图片转成 Data URL
- ✓本地渲染，代码不上传服务器
使用教程
1. 导出 UI 卡片：把卡片代码粘进来，选 2x 清晰度，导出高清 PNG 发给同事。 2. 做透明背景素材：背景选透明，导出透明 PNG，方便叠加到其它设计稿上。 3. 把网页效果转图：写好的 HTML 效果直接渲染成图片，不用装截图工具。 4. 高分辨率导出：用 3x 或 4x 得到超高分辨率图片，适合打印或大屏展示。 5. 快速生成原型图：写一段 HTML 就得到图片，做原型或演示很方便。
常见问题
Q：支持输入网址抓取网页吗？
A：不支持，只能粘贴 HTML 代码，不能通过网址抓取。
Q：脚本会执行吗？
A：不会，工具会先移除脚本、iframe 和 `javascript:` 地址等不安全内容。
Q：外链图片能显示吗？
A：支持 CORS 的外链图片会尝试转换；不支持 CORS 的图片可能显示不出来。
Q：代码有大小限制吗？
A：高配设备输入不超过 5MB，输出不超过 3200 万像素。
Q：支持的最大节点数是多少？
A：桌面端最多 2000 个 DOM 节点，移动端最多 1000 个。
Q：代码会上传服务器吗？
A：不会，渲染在浏览器本地完成。