SVG 转 PDF
先把丑话说在前面:这里会栅格化。您的 SVG 会按声明尺寸渲染成像素,再无损嵌入单页 PDF——用于预览、表单上传和快速分享正合适;要出印刷级文件就不对路了,那得用能让矢量保持矢量的设计软件。
相关推荐: SVG 转 PNG
使用方法
添加要转换的 SVG 文件——记住这条路线会按声明的宽高把它们栅格化。
每张渲染图无损落在与其同尺寸的 PDF 页面上;需要更高分辨率就先调大 SVG 的声明尺寸。
单页 PDF 可逐个保存,也可打包下载。
SVG vs PDF
两种格式其实都装得下矢量——但这条路线会栅格化,拿到的 PDF 是按 SVG 声明尺寸渲染的像素:交个材料够用,送印刷厂不行。需要“可缩放”一路活到文档里的话,请用能输出真矢量 PDF 的设计工具导出。
| SVG | ||
|---|---|---|
| 压缩方式 | 矢量(XML 文本) | 容器(内嵌图片) |
| 透明度 | 支持(完整 Alpha) | 不支持 |
| 动画 | 支持(CSS/SMIL) | 不支持 |
| 兼容性 | 所有浏览器;但常被上传表单拒绝 | 通用 |
| 适合用途 | 标志、图标、插画 | 文档、表单办理、打印 |
常见问题
不会。所有转换都通过 WebAssembly 在您的浏览器内完成,文件自始至终不会离开您的设备,全程没有任何服务器参与。页面加载完成后即使断网也能继续使用,文件大小也没有限制,仅取决于设备内存。
不是——多数在线转换器对此含糊其辞。SVG 会按声明尺寸渲染成像素图,嵌进 PDF 的是这张栅格图,放大到一定程度就能看到像素点。要真正的矢量 PDF(无限缩放、任意尺寸印刷),请从 Illustrator、Inkscape 或 Figma 导出。
渲染按 SVG 声明的 width 和 height 进行,直接改文件里的这两个属性即可——把 width="200" 改成 width="800",栅格细节就是原来的 4 倍。任何文本编辑器改一行就行,PDF 页面会同步变大。
使用常见系统字体的文字没问题;仅仅引用了网络字体的文字可能回退成默认字体,因为栅格化期间外部加载被禁止。稳妥的做法是先在设计软件里把文字转成轮廓,再导出 SVG。
看收件人是谁。设计师和开发者应该拿到 SVG——保持可编辑、可无限缩放。其他人多半根本打不开 SVG,而 PDF 在本世纪的任何设备上都能打开。只是别忘了这个工具换掉了什么:页面里装的是按声明尺寸渲染的像素,它像文档一样好分享,却不再像矢量一样能缩放。
印刷制作和大幅面输出——要上横幅的标志需要 Illustrator、Inkscape 或 Figma 出的真矢量 PDF,而不是打印机被迫拉伸的像素。屏幕预览、表单上传、快速走签这类场合才是它的位置。若只要像素、不要文档外壳,SVG 转 PNG 给出同样的渲染,还多一个倍率选择器。
相关工具
SVG 转 PNG
在浏览器内把 SVG 转换为 PNG——免费、私密、无需上传。1–4 倍导出倍率任选(默认 2×),图标和标志在任何输出尺寸下都清晰锐利,Alpha 透明通道完整保留。
PNG 转 PDF
PNG转PDF在线免费转换,无水印。截图和图表以无损方式嵌入,页面尺寸与图片一致,文字保持锐利。文件在浏览器内处理,绝不上传,适合表单、工单和公务提交,截图里的小字也不会糊。
JPG 转 PDF
JPG转PDF在线转换,免费、无水印。照片原样内嵌、不重新编码,画质零损失,页面尺寸与图片完全一致。全程在浏览器内完成,文件不上传,适合报销、签证申请等只收 PDF 材料的场景。
SVG 转 ICO(网站图标)
在浏览器内把 SVG 矢量图转换成 ICO 网站图标——免费、无需上传。先按 4 倍尺寸渲染再缩小,16、32、48 px 每个尺寸都锐利到像素级别,透明效果与设计稿保持一致。