SVG 转 PNG,还自带一个编辑器

Rayzia 是一款自带完整矢量编辑器的 SVG 转 PNG 转换器。转换之前,文件会先在画布上打开,缺失的字体或嵌在图里的背景在还能补救时就会显露出来;很多转换器是盲转的,问题只有在下载后才暴露。先修好该修的地方,再导出一张保留透明度的 PNG。转换完全在浏览器本地进行,不会向服务器发送任何内容。

一个会先把文件展示给你看的转换器

许多 SVG 转 PNG 转换器都是盲转的。你把文件交给它,它把能解析出来的东西直接栅格化,而你第一次看到结果,已经是在下载文件夹里了。如果 SVG 用了转换器没有的字体,字形会被替换掉。如果作者在图稿后面留了一个白色矩形,你的透明 PNG 到手时就带着一个嵌死的背景。

Rayzia 在任何转换发生之前先把文件在编辑器里打开,画布上显示的就是 PNG 将包含的内容。颜色不对可以 重新上色背景形状可以选中并删除,这往往就是透明 PNG 和不透明 PNG 之间的区别。如果字体没有随文件一起过来,你会在画布上看到替换效果,而不是在成品图里才发现;字体列表可以按需加载任何 Google 字体,也可以上传你自己的字体。

转换本身在本地完成。拖入的文件是在浏览器中打开的,并不会上传,PNG 也是在你机器上的画布中栅格化出来的。云端保存是登录用户可选的独立操作;未登录时,任何数据都不会离开你的设备。

如何将 SVG 转为 PNG

  1. 打开编辑器。 访问 rayzia.com,在 /vector/打开编辑器。它可在 Windows、Mac、Linux、ChromeOS 或平板上的任何浏览器中运行,无需安装,开始使用也无需账户。
  2. 拖入你的 .svg 文件。 把文件拖放到画布上,或使用「文件」再点「打开」。Rayzia 以原生 SVG 方式读取,每个形状和每行文字都是可编辑的对象,而不是一张锁死的图片。
  3. 检查效果是否正确。 画布上显示的就是 PNG 将包含的内容。颜色不对就改掉;如果一个残留的背景矩形挡住了透明区域,就在导出前把它删除。
  4. 用画板框定导出范围。Shift+O 调出画板工具,在图稿周围拖出一块画板,或从选项栏中选择 A4、Full HD 等预设。导出会裁剪到画板矩形,画板决定了 PNG 的边界。
  5. 导出。 「文件 ▸ 导出」并选择 PNG,即可免费获得标准分辨率的文件,且包含透明度。如果需要特定倍率或其他格式,「文件 ▸ 导出为多屏所用格式」免费提供 0.5x 和 1x,Pro 版支持最高 4x 倍率,还有 JPG 和 WebP。

获得你需要的像素尺寸

PNG 是固定的位图,因此导出时尺寸很重要。在 Rayzia 中由画板负责取景:导出时会把输出 viewBox 设为画板矩形,画板内的内容都会进入图片,画板外的会被裁掉。预设下拉菜单涵盖 Full HD(1920×1080)、正方形等常见目标,还有用于印刷样稿的 A4 和 Letter,你也可以把画板拖成任意想要的矩形。

倍率会放大这个取景框。在「文件 ▸ 导出为多屏所用格式」中,你勾选的每个目标会与每个倍率和格式交叉组合,每种组合都会下载为单独的文件,命名如 [email protected]。Document 是常驻目标,选中内容时会出现 Selection,因此你可以只转换整张图集中的某一个图标而不动其他部分。0.5x 和 1x 免费;更高的倍率(最高 4x)属于 Pro 版,每月 $8,同时还提供 PDF 导出格式.

SVG 转 PNG:常见问题

SVG 转 PNG 免费吗?

免费。在免费方案中,「文件 ▸ 导出」即可获得标准分辨率的 PNG,且所有编辑工具都可用。「导出为多屏所用格式」中的更高倍率(2x 到 4x)属于 Pro 版,每月 $8。

PNG 会保留透明度吗?

会。PNG 保留 Alpha 通道,而 JPG 会在背后填上白色背景,因为 JPEG 没有 Alpha 通道。如果导出的 PNG 不透明,多半是 SVG 内部自带了一个背景矩形,你可以在导出前在编辑器中把它删除。

我的文件会上传到服务器吗?

不会。SVG 在你的浏览器中打开,PNG 也在浏览器中渲染,转换过程不会向服务器发送任何内容。云端保存是仅在登录后才会发生的可选独立步骤。

能导出指定像素尺寸的 PNG 吗?

画板负责取景,倍率负责放大。用 Full HD 或 A4 等预设设置画板,或把它拖成你想要的矩形,然后在「导出为多屏所用格式」中选择倍率。0.5x 和 1x 免费,更高倍率(最高 4x)属于 Pro 版。