HTML 转图片 - 图片工具 · 萤炬工具箱

HTML 转图片有两条路径：粘贴 HTML 片段时在页面内的沙箱里渲染再截成 PNG，适合把代码片段、表格、卡片样式导出成图；输入在线网页链接时由服务端打开页面做整页长截图，能拿到需要滚动才看完的完整页面。前者不联网，后者需要把链接交给服务端处理。粘贴 HTML 走浏览器沙箱本地渲染；输入在线链接走服务端整页长截图。

HTML 转图片有两条路径：粘贴 HTML 片段时在页面内的沙箱里渲染再截成 PNG，适合把代码片段、表格、卡片样式导出成图；输入在线网页链接时由服务端打开页面做整页长截图，能拿到需要滚动才看完的完整页面。前者不联网，后者需要把链接交给服务端处理。

使用步骤

1. 选择输入方式：粘贴 HTML 代码，或填写在线网页链接。
2. 粘贴 HTML 时可带内联 CSS 控制样式，设置渲染宽度。
3. 开始生成，等待渲染或服务端截图完成。
4. 预览确认后下载 PNG。

功能与限制

• 粘贴 HTML 走浏览器沙箱本地渲染；输入在线链接走服务端整页长截图。
• 输出格式：PNG。
• 外部资源（跨域图片、远程字体）可能加载失败，建议内联。
• 无法截取需要登录或有反爬拦截的页面。

常见问题

粘贴 HTML 和填链接有什么区别？

粘贴 HTML 在你自己的浏览器沙箱里渲染，内容不外发；填在线链接需要服务端去访问那个网址并整页截图，链接会经过服务端。

为什么外链的图片和字体没显示出来？

沙箱渲染受同源和跨域限制，外部图片、CDN 字体可能加载不到。把图片改成 Base64 内联、样式改成内联 CSS 就能稳定出图。

能截需要登录的页面吗？

不能。服务端截图是以未登录的匿名身份访问，只能拿到公开可见的内容，登录墙后的页面截出来是登录页。

长截图有高度上限吗？

超长页面（无限滚动的信息流类）会截到很大的图，受内存与渲染时间限制可能失败。这类页面建议截取关键区域而不是整页。