SVG 转 PNG 转换器

在浏览器中把 SVG 标记或 .svg 文件转成任意比例下清晰的 PNG 或 JPG。你的作品始终留在你的设备上。

SVG 转 PNG 转换器在你浏览器的画布上栅格化你的作品。你拖入或粘贴的 .svg 文件或标记在本地转换，绝不会上传到 ArrayKit。

打开图像转换器

关于 SVG 转 PNG 转换器

SVG 转 PNG 转换器把矢量作品栅格化为像素图像，无需任何设计软件。拖入一个 .svg 文件或粘贴 SVG 标记，然后挑选输出尺寸——固有尺寸的 1x、2x 或 3x 倍数、一个自定义比例，或保留纵横比的显式宽高。它会从 SVG 的 width 和 height 属性或其 viewBox 读取尺寸，因此你导出的内容与源一致。选择 PNG 以获得无损透明度，或选择 JPG 以获得更小的照片，并设置透明或纯色背景。当某个平台拒绝 SVG、你需要一个视网膜 @2x 素材，或一个网站图标、README 图片或邮件图形必须是位图时，它都很有用。一切都在画布上本地渲染；你的作品绝不离开你的设备。

功能特性

如何使用 SVG 转 PNG 转换器

  1. 拖入一个 .svg 文件，或把 SVG 标记粘贴进源区域
  2. 挑选一个比例（1x/2x/3x 或自定义），或输入显式的宽度或高度
  3. 选择 PNG 或 JPG，以及透明或彩色背景
  4. 检查栅格预览，然后下载 PNG 或 JPG

示例

输入

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 32"><rect width="64" height="32" fill="#6d28d9"/></svg>

输出

64×32 SVG → 128×64 PNG at 2x scale

一个 0 0 64 32 的 viewBox 以 2x 栅格化后变成一张 128×64 的 PNG。

常见错误与故障排除

常见问题

我如何把一个 SVG 导出为高分辨率的 PNG？
把比例设为 2x 或 3x，或输入一个像 1024 的显式宽度。由于源是矢量，更大的输出尺寸仍然清晰——你只是在选择要栅格化多少像素，因此挑选目标所需的分辨率。
这个转换器如何决定 PNG 的输出尺寸？
它从 SVG 的 width 和 height 属性读取固有尺寸，或在缺失时从 viewBox 读取，然后应用你的比例或显式宽高。只设置一个维度会保持原始纵横比。
我可以把 SVG 转成 JPG 而不是 PNG 吗？
可以。把格式切换为 JPG，并用质量滑块获得更小的文件。JPG 没有透明度，因此图像会被平铺到白色或你选择的背景色上；当你需要透明背景时请使用 PNG。
为什么我 SVG 里的文本在转成 PNG 后不见了？
浏览器画布在栅格化时不带你的系统或网页字体，因此 <text> 可能渲染为空白。在你的矢量编辑器里把文本转成轮廓（路径），或在这里栅格化之前把字体嵌入 SVG。
把 SVG 转成 PNG 会保留透明背景吗？
PNG 输出保留透明度，因此选择 PNG 并使用透明背景选项即可保留它。预览会在图像透明处显示棋盘格。如果你需要不透明背景，请选择一个纯色填充。
我转换 SVG 到 PNG 时它会被上传吗？
不会。SVG 转 PNG 转换器把一切都在你浏览器的画布上渲染。你拖入的标记或文件在本地被栅格化，结果绝不会离开你的设备，也不会发送到 ArrayKit。

相关工具

全部 ArrayKit 工具