像素 Space

SVG 转图片

将静态 SVG 文件或源码转为 PNG、JPG、WebP，可调整尺寸与背景。

使用说明

将静态 SVG 文件或源码转为 PNG、JPG、WebP，可调整尺寸与背景。

操作步骤

  1. 选择一个 SVG 文件，拖入文件，或在源码框中粘贴 SVG；也可先加载示例。
  2. 选择 1×、2×、4× 倍率或填写输出宽度与高度，按需锁定宽高比。
  3. 选择输出格式、透明背景或背景颜色；导出 JPG、WebP 时可调整质量。
  4. 开始转换，检查输出预览与尺寸，然后下载图片。修改源码或输出设置后，需要重新转换。

支持格式

输入 SVG 文件或 SVG 源码；输出 PNG、JPG、WebP。PNG、WebP 可选择透明背景，JPG 会使用所选背景颜色。

文件与隐私

SVG 源码的检查、预览、转换与下载均在当前浏览器中完成，源文件不会上传到服务器。外部资源引用会被拒绝，请使用 SVG 内部引用或嵌入位图。

使用限制

  • 一次处理一个 SVG，文件或源码不能超过 5 MB。输出单边最多 8192 像素，总像素最多 1600 万；设备能力可能更低。
  • 仅支持静态、自包含 SVG，不支持脚本、事件处理属性、动画、foreignObject 内嵌网页及外部图片、样式或字体。
  • 文字使用本机可用字体；需要精确外观时，请在设计软件中先将文字转为轮廓。
  • SVG 内嵌的位图放大后不会恢复更多细节。缺少可用尺寸时会暂用 512 × 512，请自行确认输出尺寸。

常见问题

为什么提示不能引用外部资源？

工具只处理静态、自包含 SVG。请将外部图片嵌入为位图数据，使用内部 # 引用，并移除外部样式、字体与脚本后再转换。

如何导出透明背景？

选择 PNG 或 WebP，并勾选透明背景。JPG 不支持透明，透明区域会填充所选的背景颜色。

为什么文字外观与设计稿不同？

SVG 文字使用当前设备可用的字体。若设备没有原字体，外观可能变化；需要一致外观时，请先将文字转为轮廓。