如何将SVG转换为指定25x25尺寸的PDF适配iOS标签栏
解决SVG转固定尺寸25x25 PDF的方案
我之前做iOS开发时也碰到过一模一样的问题——从Material Icons下载的SVG转PDF后尺寸总是不对,没法直接用在标签栏。结合你能用的三个系统,给你几个亲测有效的方法:
可视化工具方案
macOS:Sketch
Sketch处理这类矢量格式转换特别顺手,步骤超简单:
- 把SVG拖进Sketch,选中导入的图层
- 在右侧属性面板把画布尺寸改成25x25,把图标居中对齐
- 导出时选择PDF格式,勾选「使用画布尺寸」,导出的就是严格25x25的矢量PDF,完全适配iOS标签栏。
跨平台:Figma
不管你用macOS、Fedora还是Windows,Figma的网页版或客户端都能用:
- 创建一个25x25的帧(Frame),把SVG拖进去并居中
- 右键帧选择「导出」,格式选PDF,导出选项选「导出帧内容」,出来的PDF尺寸精准,而且是矢量的。
命令行批量处理方案
如果有大量图标要转,命令行效率更高:
Inkscape(全平台支持)
你之前用Inkscape GUI没搞定,是因为没设置强制尺寸的参数,用命令行就能解决:
inkscape input.svg --export-type=pdf --export-area-page --export-width=25 --export-height=25 --output=output.pdf
--export-area-page确保导出整个画布范围--export-width和--export-height强制锁定输出尺寸,不管原SVG多大,都会按比例缩放到25x25,输出的PDF保持矢量属性。
macOS原生工具:sips
不用装任何额外软件,系统自带的sips命令就能搞定:
sips -s format pdf input.svg --out output.pdf -z 25 25
这个命令直接把SVG转成指定尺寸的PDF,速度快,而且导出的是矢量文件,适合快速处理单个或少量图标。
小技巧:提前检查SVG的viewBox
如果转出来还是有问题,先打开SVG文件看看viewBox属性,确保它是viewBox="0 0 原宽 原高"的格式,这样缩放时能保持图标比例,避免出现偏移或尺寸不准的情况。
内容的提问来源于stack exchange,提问作者Gregory Conrad
相关产品推荐
相关产品推荐

