UltKit

HTML转JPG转换器

上传保存的网页、邮件模板或HTML报告,即可得到一张从上到下完整呈现整个页面的JPG图片。浏览器宽度由您选择,结果可以显示电脑版布局,也可以显示手机版布局。

文档转图片

或将DOC, DOCX, DOCM … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出

文件在我们的服务器上处理,并在 30 分钟后删除。

使用方法

  1. 1

    上传HTML文件

    上传 .html、.htm 或 .mhtml 文件,一次最多 20 个。如果页面包含图片和样式,请先在浏览器中将其保存为单个文件(MHTML),这样所有内容都会随页面一起保存。

  2. 2

    选择页面宽度

    HTML 页面宽度默认为 1280 px,相当于常见的笔记本屏幕。手机版式可输入 390 px,邮件模板可输入 600 px。图片默认设为一张长图。

  3. 3

    转换为JPG

    点击转换为 JPG,然后下载图片。如果希望把页面分成适合打印的若干张,可将图片切换为每页一张。

HTML 转 JPG 就是用文件生成整页截图:你选择的浏览器宽度决定版式,JPG 会记录其中的每一个像素。

HTML文件如何变成JPG图片

HTML 文件是一组指令,而不是图片。浏览器会读取标记、应用样式表、加载图片和字体,并按窗口宽度排版。宽度改变后,响应式页面会重新排布:分栏堆叠、菜单折叠、图片缩小。因此转换器首先要你设置HTML 页面宽度。

排版完成后,会从上到下捕获整个页面,而不只是一屏能容纳的部分。将图片设为一张长图,会得到一张很高的 JPG;切换为每页一张,同样的内容则会被切成页面大小的多张图片。

质量默认为 85,既能让正文清晰可读,又比同一页面的 PNG 小得多。如果页面有小号文字或必须保持清晰的细表格线,可以调高到接近 95。

1280 px渲染页面时的默认浏览器宽度

可设范围:320 至 3840 px。较窄的宽度显示手机版式,较宽的则显示桌面版式。

选择页面宽度:完整电脑版页面或手机版视图

默认值。大多数网站在此宽度下会显示完整的桌面版式,包括导航栏和侧边栏。

  • 网站评审和客户确认
  • 归档页面的外观
  • 幻灯片和报告

HTML转JPG结果显示异常时怎么办

  • 图片缺失,或显示为损坏的图标

    图片存放在 HTML 文件旁边,而不是文件内部。请将页面保存为单个 MHTML 文件,或为图片使用完整的网址。

  • 页面空白,或只显示加载动画

    内容是在页面加载后由脚本生成的,或需要登录才能查看。请在浏览器中打开,等待完全加载后,再保存为单个文件。

  • 文字在右侧边缘被截断

    页面有固定宽度,且比窗口更宽。请调高HTML 页面宽度与之匹配,例如 1440 px。

  • JPG 太大,无法通过上传表单提交

    将质量降到 70 左右,使用较窄的宽度,或之后用压缩图片进一步缩小。

HTML

超文本标记语言

HTML 是网页的标记语言,由 Tim Berners-Lee 在 20 世纪 90 年代初提出,现由 WHATWG 作为活标准维护。HTML 文件描述标题、段落、链接、表格、图片和表单,样式通常由 CSS 提供。所有浏览器都能渲染它,它也用于邮件模板和保存的网页。单个 HTML 文件往往依赖外部图片和样式表,单独移动后可能显示异常。

压缩方式
–
透明度
–
动画
–
发布年份
1993 · Tim Berners-Lee; maintained by WHATWG
HTML 转换器

JPG

JPEG 图像

JPEG(或 JPG)是使用最广泛的照片格式,由联合图像专家组于 1992 年标准化。它采用有损压缩,丢弃肉眼不易察觉的细节,使照片小到适合网页、邮件和手机存储。它能很好地处理平滑渐变和自然场景,但锐利的文字、线条图和纯色区域会出现明显的块状或模糊伪影。JPEG 不支持透明和动画,每次重新保存都会再损失一点画质。所有浏览器、手机、相机和图片编辑器都能打开。

压缩方式
有损
透明度
不支持
动画
不支持
发布年份
1992 · Joint Photographic Experts Group
JPG 转换器

HTML 只有在浏览器中才能正确显示;转换为 JPG 后,就把某一次渲染效果固定成一张图片,可以用于附件、发布、归档或放进幻灯片,而代码在这些场合毫无用处。

HTML转JPG常见问题

可以直接粘贴网址,而不上传文件吗?

不能,本转换器处理的是你上传的 HTML 文件。请在浏览器中打开页面,选择“另存为”,保存类型选“网页,单个文件”(Chrome 和 Edge 中为 MHTML),然后上传该文件。它已将 HTML、样式和图片整合在一起。

为什么生成的JPG只有纯文本,没有任何样式?

保存的 HTML 不含样式表和图片,选择“仅 HTML”保存方式时就会这样,转换器只能读取到标记代码。请将页面重新保存为单个 MHTML 文件,或在上传前把 CSS 以内联方式写入 HTML。

一张JPG最长能容纳多长的页面?

JPEG 格式限制每边最多 65,535 像素,因此在较大的宽度设置下,特别长的页面可能超出此限制。长文章请将图片切换为每页一张,或转换为没有此限制的 HTML 转 PDF。

网页截图应该选JPG还是PNG?

JPG 体积更小,适合含照片的页面。PNG 能让小字和细线保持清晰,还支持透明背景,更适合界面原型和数据看板。我们的 JPG、JPEG 与 PNG 的区别一文对此做了对比说明。

为什么图片中的字体和我浏览器里看到的不一样?

仅安装在你电脑上的字体,在渲染页面的环境中无法使用,因此会改用备用字体。嵌入已保存页面的网页字体,或随页面样式加载的字体,则会按原样显示。

可以把HTML邮件模板转换成图片用于预览吗?

可以。将HTML 页面宽度设为 600 px(大多数邮件模板的设计宽度),并保持一张长图。得到的结果可作为快速的视觉预览,分享给不应收到测试邮件本身的人。