SVG 转 PNG

为什么要把 SVG 转成 PNG

在网页上放 logo、图标或示意图，SVG 是最合适的格式：任意尺寸下都锐利如初，体积通常还很小。麻烦从这个文件要去往浏览器之外的地方时开始。幻灯片、旧版 Office、打印店、电商平台的商品图、邮件客户端、应用图标位、论坛上传、以及大多数社交平台，要么直接拒收 SVG，要么渲染出来的样子无法预期。PNG 完全没有这些问题：到处都能打开，能保留透明背景，在任何程序里看起来都一样。

这就是 SVG 转 PNG 工具的全部意义所在，也是 svg 转 png 成为最常见的转换需求之一的原因。你并没有让作品变好，只是用「能任意缩放」换来了「到处都能被接受」。想清楚这笔交易之后，本页剩下的内容就是帮你把它做成一个有意识的选择而非随手为之：有目的地挑尺寸、知道文件会有多大、以及提前得知矢量被压平时会悄悄坏掉的那两件事。

输出尺寸该怎么选

把 SVG 转成 PNG 时，这是唯一真正影响结果的决定，也恰恰是大多数工具让你自己瞎猜的地方。有的悄悄用了某个默认值，给你一个它自己高兴的结果；有的给了倍率选项，却完全不告诉你会得到什么。因为矢量本身没有分辨率，一个糟糕的默认值不是小小的不便：它决定了 logo 是锐利还是模糊，也决定了文件是 40 KB 还是 8 MB。

这里有四种方式说清你要什么，各自适合不同的活。「原始尺寸」用文件里写好的宽高，当 SVG 就是按它该有的尺寸导出的时候，这一档最稳妥。「倍率」把那个尺寸乘以 1 到 4，做高清屏素材时用它。「精确宽度」让你直接输入像素数，适用于尺寸已经由别人定好的场合。「图标尺寸」直接给你操作系统和浏览器真正会要的那几个标准方块。

四步把 SVG 转成 PNG

1. 1

   添加 SVG 文件

   把文件拖到上面的方框里，或点击浏览。一次最多可以加 50 个。每个文件都在你自己的机器上读取，不会被发送到任何地方。

2. 2

   看一眼关于文件的提示

   如果某个文件含有文字、引用了网络上的图片、依赖 currentColor，或者没有说明自己该是多大，转换前你都会看到相应提示。大多数提示只是说明，转换会照常进行。

3. 3

   选择输出尺寸

   在原始尺寸、倍率、精确像素宽度、一个或多个图标尺寸之间选择。输出体积读数会随设置实时更新，让你清楚将要得到什么。勾选多个倍率或预设时，每个文件都会产出多个 PNG。

4. 4

   转换并下载

   点击转换然后把结果拿走。只有一个输出时会直接下载，多于一个时会打包成 ZIP，每个文件都以自身尺寸命名。

你的文件不会离开浏览器

SVG 转 PNG 的每一步都发生在你自己的机器上：本地读取、本地绘制、本地编码、本地交还给你。没有上传，没有在服务器上排队，也不存在某个时间窗口里你的作品副本躺在你看不见的地方。这一点对这个格式格外重要，因为 SVG 文件往往是 logo、品牌标识和尚未发布的产品图。

值得留意另一条路是什么样的。好几家知名的 SVG 转 PNG 工具会上传你的文件，然后告诉你他们保留多久：有的八小时，有的一小时，还有的一天。这些留存期限说得都算坦率，但它们之所以存在，前提是文件已经被送走了。在这里没有留存政策需要阅读，因为根本没有东西需要留存。页面加载完之后即使断网，这个工具依然能用。

相关工具

• 图片压缩 —— PNG 比预想的重时把它压小，可以直接指定 KB 数。
• 调整图片尺寸 —— 修改已经导出的 PNG 的尺寸。
• 图片转 WebP —— 把 PNG 再转一次给网页用，WebP 通常小得多。
• PNG 转 JPG —— 当目标场合不收透明、用照片式的文件也无妨时。
• WebP 转 PNG —— 反过来的同一件事，适用于你从网站上下载来的文件。
• PNG 转 PDF —— 把导出的图片放进一份可以打印或发送的文档里。
• PNG 与 PDF 的区别 —— 要把作品分享给别人时，这两者该选哪一个。