# HTML转PDF渲染器

将有限HTML子集渲染为PDF

> 标准页面: https://elysiatools.com/zh/tools/html-to-pdf-renderer

- **分类:** Document Tools

- **关键词:** html, pdf, 渲染, 子集, pdfkit, puppeteer

## 概述

使用确定性的子集渲染器将HTML转换为PDF。

**支持标签：**
- p、h1-h6、ul/ol、table、img、code

**模式：**
- 子集渲染（PDFKit）
- 浏览器渲染（Puppeteer）

## 输入项

- **HTML内容** (textarea): # Hello PDF
- **HTML文件** (file): Upload an HTML file
- **URL** (text): https://example.com
- **基础URL（用于相对资源）** (text): https://example.com/docs/
- **自定义CSS（浏览器模式）** (textarea): /* Optional styles */
- **渲染模式** (select)
- **页面尺寸** (select)
- **横向** (checkbox)
- **打印背景** (checkbox)
- **缩放比例** (number)
- **上边距（毫米）** (number)
- **下边距（毫米）** (number)
- **左边距（毫米）** (number)
- **右边距（毫米）** (number)
- **字体大小（磅）** (number)
- **行高** (number)
- **媒体类型（浏览器模式）** (select)
- **等待条件（浏览器模式）** (select)
- **额外等待时间（毫秒）** (number)

## 适用场景

- 需要将网页文章或在线文档快速保存为离线PDF文件时。
- 需要将自定义的HTML模板转换为标准格式的报告或发票时。
- 需要对复杂的网页布局进行精确的打印预览和格式化输出时。

## 工作原理

- 输入HTML内容、上传HTML文件或提供目标网页的URL。
- 选择渲染模式，如使用轻量级的Subset模式或功能强大的Browser模式。
- 根据需求调整页面尺寸、边距、缩放比例及打印背景等参数。
- 点击转换按钮，系统将自动处理并生成可下载的PDF文件。

## 使用案例

- 将技术文档或博客文章转换为便于阅读和分享的PDF电子书。
- 将动态生成的HTML发票或订单页面批量转换为存档用的PDF文件。
- 通过自定义CSS样式，将网页内容转化为符合企业规范的PDF报告。

## 常见问题

### 支持哪些HTML标签？

主要支持 p、h1-h6、ul/ol、table、img 和 code 等常用标签。

### Subset模式和Browser模式有什么区别？

Subset模式基于PDFKit，适合简单的文档结构；Browser模式基于Puppeteer，支持复杂的CSS样式和动态内容渲染。

### 可以自定义PDF的页面边距吗？

可以，您可以在设置中分别调整上、下、左、右四个方向的边距，单位为毫米。

### 转换后的PDF背景颜色会丢失吗？

您可以勾选“打印背景”选项，以确保网页中的背景颜色和图像在PDF中完整保留。

### 如何处理网页中的相对路径资源？

您可以在“基础URL”字段中输入资源所在的根路径，工具将自动补全图片或CSS的相对引用。

## 相关工具

- [PDF页眉页脚片段](https://elysiatools.com/zh/tools/pdf-header-footer-snippets): 将HTML转换为PDF，并插入Logo/标题/日期等页眉页脚片段
- [Data URI 生成器](https://elysiatools.com/zh/tools/data-uri-generator): 将文件转换为 Data URI（Base64 或百分号编码），用于直接在 HTML、CSS 或 Markdown 中内联图片、字体等资源
- [邮件HTML转PDF](https://elysiatools.com/zh/tools/libreoffice-html-mail-to-pdf): 将邮件HTML内容渲染为PDF并保留基础排版
- [LibreOffice PPT转PDF讲义](https://elysiatools.com/zh/tools/libreoffice-ppt-to-pdf-handouts): 演示文稿转PDF并支持每页多张幻灯片讲义布局
- [PDF发票生成器](https://elysiatools.com/zh/tools/pdf-invoice-generator): 使用结构化明细生成带品牌的发票PDF
- [PDF转HTML](https://elysiatools.com/zh/tools/pdf-to-html): 将PDF文档转换为HTML网页，保留格式和结构
- [LibreOffice DOCX转PDF](https://elysiatools.com/zh/tools/libreoffice-docx-to-pdf): 通过LibreOffice批量将.doc/.docx转换为PDF并保留排版
- [LibreOffice DOCX转PDF/A](https://elysiatools.com/zh/tools/libreoffice-docx-to-pdf-a): 通过LibreOffice+Ghostscript生成PDF/A合规文档

## 示例

- [PDF示例](https://elysiatools.com/zh/samples/pdf-samples): 2026-02-01 到 2026-02-10 工具生成的PDF示例
- [Markdown 幻灯片示例](https://elysiatools.com/zh/samples/md-slide-deck-to-pdf): 用于测试 PDF 导出的 Remark/Marp 风格 Markdown 幻灯片
- [Nginx 日志解析示例](https://elysiatools.com/zh/samples/nginx-log-samples): 用于测试 log-parser 工具的综合 Nginx 日志样本，包括访问日志和错误日志的各种格式和场景
- [Android Java 序列化示例](https://elysiatools.com/zh/samples/android-serialization-java): Android Java 序列化示例，包括JSON序列化、反序列化和XML解析

## 相关内容

- [HTML 内容提取、清理与交付工作流](https://elysiatools.com/zh/hubs/html-content-extraction-cleanup-and-delivery): 从 HTML 中提取链接、图片、属性和表格，去掉无关标记，并交付经过核对的 Markdown、PDF 或 CSV 输出。
- [可打印 PDF 版式工作流](https://elysiatools.com/zh/hubs/print-pdf-layout-workflows): 把 HTML、Markdown、README 或纯文本转换成带页面模板、字体、页眉页脚、页码、目录、多栏和方向检查的精致 PDF。