分类

← View All Tools

SVG转PNG转换器

将SVG矢量图形转换为PNG光栅格式，支持自定义分辨率、质量和透明度选项

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/svg+xml, text/xml

Output width in pixels (optional)

Output height in pixels (optional)

Rendering density for SVG (DPI)

0 9 9

PNG压缩级别 (0=最快/最大, 9=最慢/最小)

启用自适应过滤以获得更好的压缩效果

在输出PNG中保持SVG透明度

背景颜色（如果禁用透明度）

关键信息

分类
Media
输入类型
file, number, range, checkbox, color
输出类型
file
样本覆盖
4
支持 API
Yes

概览

SVG转PNG转换器是一款在线工具，可将SVG矢量图形快速转换为PNG光栅图像。您可以自定义输出图像的宽度、高度、渲染密度（DPI），并精细控制PNG的压缩级别、透明度及背景颜色，以满足不同场景下的图像需求。

适用场景

  • •当您需要将SVG矢量图标或图形用于不支持SVG格式的网页、应用程序或文档时。
  • •当您需要为特定显示设备或打印需求，生成固定像素尺寸或高DPI的PNG图像时。
  • •当您需要将带有透明背景的SVG图形，转换为同样支持透明背景的PNG格式时。
  • •当您需要优化PNG文件大小，通过调整压缩级别和过滤选项来平衡图像质量与加载速度时。

工作原理

  • •上传您的SVG源文件。
  • •根据需要设置输出参数：指定宽度和高度（像素），或设置渲染密度（DPI）以控制清晰度。
  • •配置PNG选项：调整压缩级别（0-9），选择是否启用自适应过滤以优化文件大小，并决定是否保持透明度或设置一个背景色。
  • •点击转换，工具将处理SVG并生成可供下载的PNG文件。

使用场景

网页开发：将SVG格式的网站Logo或图标转换为PNG，以确保在所有浏览器和旧系统中的兼容性。
UI/界面设计：为移动应用或软件界面导出特定尺寸和分辨率的PNG素材，用于高分屏适配。
印刷与出版：将矢量图形转换为高DPI的PNG图像，用于嵌入到需要光栅图像的文档或演示文稿中。

用户案例

1. 为网站生成响应式图标

前端开发者
背景原因
开发者有一个SVG格式的网站Logo，需要在不同设备上显示。移动端需要较小的尺寸，而桌面端Retina屏幕需要高分辨率版本。
解决问题
需要从同一个SVG源文件生成两种不同尺寸和分辨率的PNG图像。
如何使用
上传 `logo.svg`。第一次转换时，设置宽度为64像素，密度为72 DPI，生成移动端图标。第二次转换时，设置宽度为128像素，密度为144 DPI，生成Retina屏幕图标。
示例配置
第一次：宽度=64，密度=72。第二次：宽度=128，密度=144。
效果
成功生成了两个PNG文件：`logo-64.png`（适用于普通屏幕）和`[email protected]`（适用于高分屏），完美适配不同设备。

2. 准备透明背景的产品素材

电商设计师
背景原因
设计师有一个白色的产品轮廓SVG图形，需要将其用于深色背景的促销海报上，要求产品图背景完全透明。
解决问题
需要将SVG转换为背景透明的PNG，且保持图形边缘清晰锐利。
如何使用
上传 `product-outline.svg`。确保勾选“保持透明度”选项，并将PNG压缩级别设置为9（最小文件），以获得高质量且文件较小的图像。
示例配置
保持透明度：是，压缩级别：9。
效果
得到了一个背景完全透明、文件体积优化的产品PNG图像，可以直接叠加到任何颜色的背景上使用。

3. 转换复杂图表用于报告

数据分析师
背景原因
分析师用代码生成了一个包含精细数据和文字的SVG统计图表，需要插入到一份Word格式的季度报告中。
解决问题
Word对SVG的支持有限，需要将图表转换为高清晰度的PNG图像以确保打印质量。
如何使用
上传 `chart.svg`。为了打印清晰，将渲染密度（DPI）设置为300。由于图表背景是白色，可以取消勾选“保持透明度”，并设置背景颜色为白色，以避免任何意外的透明区域。
示例配置
密度：300，保持透明度：否，背景颜色：#FFFFFF。
效果
生成了一个300 DPI的高分辨率PNG图表，文字和线条清晰锐利，完美嵌入报告并保证了打印质量。

用 Samples 测试

xml, image, png
XML 示例
XML（可扩展标记语言）格式示例，从简单到复杂结构
preferred input family image,xml
image, xml
SVG示例
可缩放矢量图形（SVG）示例，展示各种SVG功能和技术
title token svg
image
PNG示例
不同宽高比和分辨率的PNG图像示例
title token png
image
Web Python 图像处理示例
Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
preferred input family image
image

相关专题

XmlConvert工具专题
探索 32 个围绕 xml 的 convert 工作流工具，快速找到相近能力。
ImageConvert工具专题
探索 100 个围绕 image 的 convert 工作流工具，快速找到相近能力。
TextConvert工具专题
探索 80 个围绕 text 的 convert 工作流工具，快速找到相近能力。
Image 工具专题
探索 40 个围绕 image 的 utility 工作流工具，快速找到相近能力。

常见问题

这个工具是免费的吗？

是的，这是一个完全免费的在线工具。

支持哪些SVG文件？

支持标准的SVG（image/svg+xml）和XML格式（text/xml）的矢量图形文件。

可以批量转换多个SVG文件吗？

目前工具仅支持单次处理一个SVG文件。

如何确保SVG的透明背景在PNG中保留？

请确保勾选“保持透明度”选项。如果取消勾选，则需要通过“背景颜色”选项设置一个填充色。

PNG压缩级别如何选择？

级别0压缩最快但文件最大，级别9压缩最慢但文件最小。通常级别6-9能在质量和大小间取得较好平衡。

API 文档

请求端点

POST /zh/api/tools/svg-to-png

请求参数

参数名 类型 必填 描述
svgFile file (需要先上传) 是 -
width number 否 Output width in pixels (optional)
height number 否 Output height in pixels (optional)
density number 否 Rendering density for SVG (DPI)
compressionLevel range 否 PNG压缩级别 (0=最快/最大, 9=最慢/最小)
adaptiveFiltering checkbox 否 启用自适应过滤以获得更好的压缩效果
preserveTransparency checkbox 否 在输出PNG中保持SVG透明度
backgroundColor color 否 背景颜色（如果禁用透明度）

文件类型参数需要先通过 POST /upload/svg-to-png 上传获取 filePath，然后将 filePath 传递给对应的文件字段。

响应格式

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
文件: 文件

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-svg-to-png": {
      "name": "svg-to-png",
      "description": "将SVG矢量图形转换为PNG光栅格式，支持自定义分辨率、质量和透明度选项",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=svg-to-png",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

支持 URL 文件链接或 Base64 编码作为文件参数。

如果遇见问题，请联系我们：[email protected]