HTML转JPG转换器
上传保存的网页、邮件模板或HTML报告,即可得到一张从上到下完整呈现整个页面的JPG图片。浏览器宽度由您选择,结果可以显示电脑版布局,也可以显示手机版布局。
文档转图片
或将DOC, DOCX, DOCM … 文件拖放到此处 ·
单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除
文件在我们的服务器上处理,并在 30 分钟后删除。
转换所有页面、仅第一页(缩略图或封面),或指定范围。
要转换的页面或幻灯片,例如 1-3, 5, 8-10。
仅限 HTML 文件:渲染页面所用的浏览器窗口宽度。1280 px 相当于常见的笔记本电脑;390 px 显示手机版布局。
85 在适中的体积下保持文字清晰。数值越低文件越小,但小字会变模糊。
使用方法
- 1
上传HTML文件
上传 .html、.htm 或 .mhtml 文件,一次最多 20 个。如果页面包含图片和样式,请先在浏览器中将其保存为单个文件(MHTML),这样所有内容都会随页面一起保存。
- 2
选择页面宽度
HTML 页面宽度默认为 1280 px,相当于常见的笔记本屏幕。手机版式可输入 390 px,邮件模板可输入 600 px。图片默认设为一张长图。
- 3
转换为JPG
点击转换为 JPG,然后下载图片。如果希望把页面分成适合打印的若干张,可将图片切换为每页一张。
HTML 转 JPG 就是用文件生成整页截图:你选择的浏览器宽度决定版式,JPG 会记录其中的每一个像素。
HTML文件如何变成JPG图片
HTML 文件是一组指令,而不是图片。浏览器会读取标记、应用样式表、加载图片和字体,并按窗口宽度排版。宽度改变后,响应式页面会重新排布:分栏堆叠、菜单折叠、图片缩小。因此转换器首先要你设置HTML 页面宽度。
排版完成后,会从上到下捕获整个页面,而不只是一屏能容纳的部分。将图片设为一张长图,会得到一张很高的 JPG;切换为每页一张,同样的内容则会被切成页面大小的多张图片。
质量默认为 85,既能让正文清晰可读,又比同一页面的 PNG 小得多。如果页面有小号文字或必须保持清晰的细表格线,可以调高到接近 95。
1280 px渲染页面时的默认浏览器宽度
选择页面宽度:完整电脑版页面或手机版视图
默认值。大多数网站在此宽度下会显示完整的桌面版式,包括导航栏和侧边栏。
- 网站评审和客户确认
- 归档页面的外观
- 幻灯片和报告
近年来许多 iPhone 的 CSS 宽度。响应式页面会切换为移动版式,生成又高又窄的图片。
- 展示移动端设计
- 应用商店或社交媒体的效果图
大多数 HTML 邮件模板的设计宽度。模板的渲染效果与桌面邮件客户端显示的完全一致。
- 新闻邮件预览
- 分享营销邮件样稿
全高清显示器。适合数据看板,以及在大屏幕上会增加分栏的页面。
- 数据分析看板
- 宽幅数据表格
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
JPG
JPEG 图像
JPEG(或 JPG)是使用最广泛的照片格式,由联合图像专家组于 1992 年标准化。它采用有损压缩,丢弃肉眼不易察觉的细节,使照片小到适合网页、邮件和手机存储。它能很好地处理平滑渐变和自然场景,但锐利的文字、线条图和纯色区域会出现明显的块状或模糊伪影。JPEG 不支持透明和动画,每次重新保存都会再损失一点画质。所有浏览器、手机、相机和图片编辑器都能打开。
- 压缩方式
- 有损
- 透明度
- 不支持
- 动画
- 不支持
- 发布年份
- 1992 · Joint Photographic Experts Group
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(大多数邮件模板的设计宽度),并保持一张长图。得到的结果可作为快速的视觉预览,分享给不应收到测试邮件本身的人。