如何在线将 PDF 转换为 SVG
需要将 PDF 作为可缩放矢量图形用于网页或设计工作？以下是如何将 PDF 转换为 SVG 的方法 - 保留矢量路径、文本和形状。
您有一个 logo、图表或插图被锁定在 PDF 中。您需要将其作为 SVG 用于网站、设计工具或演示文稿，以便在不模糊的情况下缩放到任何尺寸。PDF 到 SVG 的转换可以提取矢量内容，并为您提供一种原生于网络且适用于所有设计工具的格式。
但有一个问题——输出的质量完全取决于 PDF 中的内容。如果 PDF 包含真实的矢量图形（路径、形状、文本轮廓），您将获得一个干净、可缩放的 SVG。如果 PDF 包含栅格化图像，您将获得一个围绕像素图像的 SVG 包装器，这会适得其反。
本指南将解释 PDF 到 SVG 的转换何时有效，何时无效，以及最佳的转换方法。
为什么将 PDF 转换为 SVG？
网页嵌入
SVG 是网页中的一等公民。您可以直接将 SVG 嵌入 HTML，使用 CSS 设置样式，使用 JavaScript 制作动画，并且它们可以在任何屏幕上以任何分辨率清晰地渲染。如果您有一个图表、示意图或 logo 在 PDF 中需要放到网站上，SVG 是正确的输出格式。
设计工具编辑
SVG 文件可以在 Adobe Illustrator、Figma、Sketch、Inkscape 和所有其他矢量设计工具中打开。将 PDF 转换为 SVG 可以让您编辑单个路径、更改颜色、修改形状以及重新设计——这是使用 PDF 无法轻松完成的事情。
分辨率无关性
SVG 图形可以无限缩放而不会损失质量。一个 100x100 的 SVG 在 10,000x10,000 的尺寸下看起来完全相同。这使得 SVG 成为需要以不同尺寸显示的 logo、图标和插图的理想选择——从网站图标到广告牌。
简单图形的文件大小较小
对于简单的矢量内容（logo、图标、线条图），SVG 文件通常比等效的 PDF 文件小。SVG 格式也是基于文本的（XML），这意味着它可以使用 gzip 进行良好压缩——这对于网络传输很重要。
可访问性
SVG 支持语义元素——标题、描述和 ARIA 属性。与 PDF 图形相比，结构良好的 SVG 对屏幕阅读器更具可访问性。转换为 SVG 可以让您添加 PDF 中不可用的可访问性功能。
方法 1：使用 PDFSub 在线转换（推荐）
上传 PDF，下载 SVG。每页将成为一个单独的 SVG 文件。
分步操作：
- 前往 PDFSub 的 PDF 转 SVG 工具
- 上传您的 PDF 文件 - 拖放或点击浏览
- 文件将在 PDFSub Engine 中安全、隔离的环境中进行处理
- 下载转换后的 SVG 文件
预期结果：
- 矢量元素（路径、形状、线条）将转换为 SVG 路径
- 文本可能会转换为轮廓（路径）以确保视觉准确性
- 每个 PDF 页面将生成一个单独的 SVG 文件
- 颜色、渐变和描边样式将得到保留
- 栅格化内容（照片、扫描元素）将作为图像嵌入 SVG 中
最适合： 快速转换，尤其是 logo、图表和插图。
方法 2：使用 Inkscape（免费桌面工具）
Inkscape 是一个免费的开源矢量图形编辑器，可以原生处理 PDF 导入。
分步操作：
- 从 inkscape.org 下载并安装 Inkscape
- 前往 文件 > 打开 并选择您的 PDF
- 选择要导入的页面（Inkscape 一次导入一页）
- PDF 内容将显示为可编辑的矢量对象
- 前往 文件 > 另存为 并选择 SVG 作为格式
- 保存 SVG 文件
优点：
- 保存前可以编辑导入的矢量图
- 能够很好地处理复杂的矢量内容
- 免费且开源
- 支持 Windows、macOS 和 Linux
局限性：
- 一次只能导入一页 - 不支持批量多页转换
- 对于非常复杂的 PDF 可能会很慢
- 初次使用者有学习曲线
最适合： 需要在转换后编辑矢量内容的用户。
方法 3：使用 Adobe Illustrator（付费）
Illustrator 可以原生打开 PDF 并导出为 SVG。
分步操作：
- 在 Adobe Illustrator 中打开 PDF
- 选择要导入的页面
- 如有需要，进行编辑
- 前往 文件 > 导出 > 导出为
- 选择 SVG 作为格式
- 配置 SVG 设置（字体、小数位数、响应式）
- 保存
最适合： 已经拥有 Illustrator 且需要精确 SVG 输出和特定设置的设计专业人士。
矢量与栅格：质量问题
这是理解 PDF 到 SVG 转换最重要的一点。
何时效果绝佳
如果 PDF 是由矢量源创建的——在 Illustrator 中设计的 logo、软件生成的图表、设计工具绘制的示意图、CAD 导出或基于文本的文档——那么 PDF 就包含真实的矢量数据。将其转换为 SVG 会产生干净、可无限缩放且具有单独可编辑路径的输出。
如果您可以放大到极高的级别，并且内容保持清晰，您就会知道 PDF 包含矢量图。边缘保持锐利，文本保持平滑，曲线在任何放大倍数下都完美无瑕。
何时效果不佳
如果 PDF 包含栅格化内容——照片、扫描文档、屏幕截图或图像——转换器会将这些像素图像包装在 SVG 容器中。您会得到一个 SVG 文件，但它在功能上是一个图像文件。放大时会显示像素，并且您无法编辑单个形状。
PDF 通常包含两者的混合。一份报告可能包含矢量文本和形状，以及栅格化的照片。转换器会以其原生形式保留每个元素——矢量图变为 SVG 路径，图像变为嵌入的栅格数据。
如何检查
在转换之前，将 PDF 放大到 400-800%。查看文本和形状的边缘：
- 高放大倍数下边缘锐利 = 矢量内容 = 将产生出色的 SVG
- 高放大倍数下边缘模糊/像素化 = 栅格内容 = SVG 相对于 PNG 没有优势
SVG 输出注意事项
文本处理
PDF 文本可以通过两种方式转换为 SVG：
- 作为可编辑文本 - SVG
<text>元素，带有字体引用。文本是可选中文本且可搜索，但需要查看者的系统上可用该字体。 - 作为轮廓化路径 - SVG
<path>元素，描绘字母形状。视觉上完美，但不能作为文本进行编辑或搜索。
大多数转换器默认使用轮廓以确保视觉准确性。如果您需要可编辑文本，请检查转换器的设置。
文件大小
包含许多路径、渐变和效果的复杂 PDF 可能会生成大型 SVG 文件。详细的技术图表可能会生成几个兆字节的 SVG。如果文件大小很重要（尤其是在网络使用中），请考虑：
- 使用 SVG 优化工具简化路径
- 删除隐藏图层或不必要的元素
- 使用 SVGZ（gzip 压缩的 SVG）进行网络传输
浏览器兼容性
所有现代浏览器都原生渲染 SVG。但是，具有数千个路径、繁重的滤镜效果或深度嵌套组的非常复杂的 SVG 在浏览器中可能渲染缓慢。如果性能是关注点，请在转换后简化 SVG。
获得最佳结果的技巧
- 从矢量源 PDF 开始。 输出质量取决于输入质量。矢量 PDF 产生矢量 SVG。
- 转换单页。 如果您只需要多页 PDF 中的一页，请先提取该页或在转换过程中选择它。
- 为网络优化 SVG。 如果 SVG 要放到网站上，请使用 SVGO 等优化器运行它，以减小文件大小并清理不必要的属性。
- 在设计工具中检查输出。 在 Inkscape 或 Figma 中打开 SVG，以验证路径是否正确、颜色是否准确以及结构是否合理。
常见问题解答
SVG 是否可编辑？
是的，如果 PDF 包含矢量内容。形状、路径和线条将成为单独的 SVG 元素，您可以在任何矢量设计工具中选择、移动、重新着色和修改它们。栅格化内容（照片）将作为不可编辑的图像嵌入。
我可以将多页 PDF 转换为 SVG 吗？
可以。每页都会转换为一个单独的 SVG 文件。由于 SVG 没有像 PDF 那样的“页面”概念，因此不存在多页 SVG——您将获得每页一个 SVG。
转换后的 SVG 中的文本如何显示？
这取决于转换器的方法。文本可能显示为轮廓化路径（视觉上准确，但不能作为文本编辑）或作为 SVG 文本元素（可编辑，但需要匹配字体）。大多数转换器默认使用轮廓。
我可以将 SVG 转换回 PDF 吗？
可以。PDFSub 提供了一个 SVG 转 PDF 转换器，可以处理反向转换。SVG 到 PDF 的往返转换通常比初始的 PDF 到 SVG 转换更干净，因为 SVG 本质上是矢量的。
PDF 到 SVG 的转换对于扫描文档有用吗？
不太有用。扫描文档是栅格图像。将它们转换为 SVG 只是将扫描件包装在 SVG 容器中——您不会获得矢量路径或可编辑内容。对于扫描文档，PDF 转 PNG 或 PDF 转 JPEG 更合适。
总结
当源 PDF 包含真实的矢量内容时，PDF 到 SVG 的转换非常强大。Logo、图表、示意图和插图可以完美地转换为干净、可缩放、可编辑的 SVG 文件，非常适合网络和设计工具。
关键在于理解您的源材料。矢量输入，矢量输出。栅格输入，栅格输出（只是换了个包装）。
试试 PDFSub 的 PDF 转 SVG 转换器——上传您的 PDF，即可在几秒钟内获得可缩放的矢量输出。