UltKit

HTML转PDF

上传HTML文件,比如导出的报告、系统生成的发票、邮件模板或保存下来的网页,即可得到分好页的PDF,字体、表格和链接都会保留。如果文件带有打印样式,页面会按这些样式排版。

转换为 PDF

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

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

输出

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

使用方法

  1. 1

    上传.html或.htm文件

    最多可添加 20 个文件,每个不超过 95 MB。若要转换网页,请先按 Ctrl+S(Mac 上按 Cmd+S)保存页面,再上传 .html 文件。

  2. 2

    选择页面尺寸和页边距

    页面尺寸选“与源文件相同”时,会遵循文件中的 @page 规则。你也可以在高级设置中强制使用 A4 或 Letter,选择横向方向,或调整页边距。

  3. 3

    转换为PDF

    点击转换为 PDF,然后下载结果。上传的文件和生成的 PDF 会在 30 分钟后删除。

HTML转PDF免费:哪些文件能顺利转换

内容自包含的 HTML 文件转换效果最好:样式写在 <style> 元素中,图片内嵌或使用完整的 https:// 地址引用,字体通过 @font-face 加载。大多数自动生成的文档都符合这一点,例如发票、对账单、测试报告、文档导出文件和 HTML 邮件模板,其中邮件模板因为邮件客户端会拦截外部文件,本来就是自包含的。

从网站保存的页面则不同。选择“网页,全部”时,浏览器会生成 .html 文件,并在旁边创建一个存放图片和样式表的文件夹,而这个文件夹不会随上传一起提交。如果这类页面生成的 PDF 显得很简陋,请改用浏览器打印,或先整理内容;想在生成 PDF 前去掉菜单和页脚,可以先用HTML转Word转换器处理。

CSS像素如何对应A4和Letter页面

SizePixelscminDPIFits
A4794 × 112321.0 × 29.78.27 × 11.6996页边距 25.4 mm 时,可用宽度约 602 px
Letter816 × 105621.6 × 27.98.5 × 1196美国默认尺寸;页边距 1 in 时,可用宽度约 624 px
Legal816 × 134421.6 × 35.68.5 × 1496美国较长的合同和表格
A31123 × 158729.7 × 42.011.69 × 16.5496宽幅仪表盘和日程表
A5559 × 79414.8 × 21.05.83 × 8.2796小册子和收据

CSS 把 1 英寸定义为 96 px,因此页面的宽度与样式表使用的是同一套单位。为 1280 px 桌面窗口设计的布局,在页边距正常的 A4 页面上只有大约 600 px 可用。响应式页面会切换到较窄的布局,打印效果良好;而带有固定 1000 px 外层容器的页面,会被缩小或裁切,具体取决于渲染器。把页边距设为“窄”(12.7 mm),可多出约 100 px 的宽度。

打印样式表起步模板:页面尺寸、隐藏网站导航等元素以及分页规则
@page { size: A4; margin: 15mm; }
@media print {
  nav, footer, .cookie-banner { display: none; }
  h2, h3 { break-after: avoid; }
  table, figure, pre { break-inside: avoid; }
  .new-section { break-before: page; }
}

@page 规则来自 W3C 的 CSS Paged Media 模块,用于设置纸张尺寸和页边距。break-before、break-after 和 break-inside 属于 CSS Fragmentation,用来取代较早的 page-break- 属性,浏览器仍把后者作为别名接受。网页字体还需要多检查一步:如果字体所在的服务器转换器无法访问,就会回退到系统字体,而开启嵌入字体*后,PDF 嵌入的就是这个回退字体。请确保字体文件可通过完整的 https:// 地址访问。

HTML

超文本标记语言

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

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

PDF

便携式文档格式(PDF)

PDF 由 Adobe 于 1993 年创建,并在 2008 年成为开放的 ISO 32000 标准。它固定了文字、字体、图片和版式,使文档在每块屏幕和每台打印机上看起来都一样。PDF 可以包含表单、签名、链接、附件和可搜索文本,其中 PDF/A 变体用于长期归档。固定的版式使 PDF 难以编辑,而扫描版 PDF 除非经过 OCR,否则只包含图片。所有浏览器和操作系统都能打开。

压缩方式
–
透明度
支持
动画
不支持
发布年份
1993 · Adobe
PDF 转换器

HTML 会根据打开它的窗口重新排版,还依赖存放在别处的字体、脚本和图片;PDF 则固定为一个分页版本,可以归档、附在发票邮件里,或提交到只接受文档的网站。

HTML转PDF常见问题

能直接粘贴网址转换在线网页吗?

不能,本转换器处理的是文件。请从浏览器中保存网页并上传 .html 文件,也可以使用浏览器自带的打印对话框,将目标设为“另存为 PDF”。对于需要登录才能访问的页面,或图片都从网站在线加载的页面,后一种方式更合适。

HTML转PDF后背景色为什么不见了?

为了节省墨水,打印渲染默认会去掉背景,浏览器和大多数转换器都是如此。请在必须保留颜色的元素(如表头行、状态标签)上添加 print-color-adjust: exact,这些背景就会保留下来。

HTML里的链接在PDF中还能点击吗?

带完整地址的链接通常仍可点击。像 /pricing 这样的相对链接一旦脱离网站就会失效,如果希望读者在 PDF 中点击跳转,请把它们改写成完整的 https:// 地址。

较宽的表格为什么在页面右侧被截断?

表格比可打印区域更宽,常见原因是设置了固定的像素宽度。请将方向设为横向,或在打印 CSS 中给表格设置 width: 100% 并缩小单元格内边距,让它适应页面宽度。

多个HTML文件能合成一个PDF吗?

每个上传的文件会生成各自独立的 PDF,每批最多 20 个。之后可用PDF合并把它们按顺序合在一起;上传前把文件命名为 01、02、03,顺序会一目了然。