HTML 转图片

将原始 HTML 代码或任意在线网页链接渲染为 PNG、JPG 或 PDF。选择视口宽度,截取整页内容,立即下载。

想生成 SVG?试试HTML 转 SVG工具。

将网页转换为图片

精准截取任意网站的像素级截图,或将 HTML 片段预览为可分享的图片。非常适合用于文档编写、社交卡片、设计稿、存档和错误报告。

何时应将网页转换为图片

截图能完整保留页面在某一时刻的样子,用途远不止快速分享。技术支持团队会在错误报告中附上整页截图,方便开发者直观了解布局问题的上下文;撰稿人可将渲染好的页面片段嵌入文档和教程,无需手动重建页面;营销人员会为设计评审和前后对比存档落地页;研究人员则可保存可能会变化或消失的文章内容。由于视口宽度可自由设置,只需更改一个数值,同一个链接就能分别截取出桌面端、平板和移动端的版式。

PNG、JPG 还是 PDF——该如何选择?

若页面包含清晰的文字、界面元素或纯色区块,选择 PNG——它是无损格式,边缘始终锐利清晰。若页面以图片为主,且文件体积比像素级文字精度更重要,选择 JPG。若想为长篇文章生成可打印、可滚动的记录,选择 PDF。无论选择哪种格式,页面都会由服务器上真实的无头浏览器引擎渲染,因此 CSS、网页字体和布局都会按照访客实际看到的样子被完整捕获。

常见问题

关于将 HTML 转换为图片,你需要了解的一切。

你可以截取任何可公开访问的网页。出于安全考虑,需要登录的页面或私有/内网地址无法被渲染。

导出网页的 PNG 或 JPG 截图,或可直接打印的 PDF 文件。设置视口宽度以控制版式渲染效果。

可以。切换到"从 HTML 代码"标签页,粘贴任意 HTML(包括内联 CSS),即可让它像浏览器一样精确渲染。

宽度设置用于控制渲染时使用的浏览器窗口大小。桌面版式建议使用 1280px,全高清建议使用 1920px,若要截取移动版页面,可使用 390px 等较窄的宽度。

启用整页选项后,会将页面的完整长度截取为一张长图,而不仅仅是屏幕上可见的部分。取消勾选则只截取初始视口区域。

该工具会使用真实的浏览器引擎渲染你的页面或标记,并返回位图或 PDF 文件。而 HTML 转 SVG 工具则会直接在浏览器中将你的标记封装为可缩放的矢量文件,不进行栅格化处理。