# SVG转PNG转换器

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

> 标准页面: https://elysiatools.com/zh/tools/svg-to-png

- **分类:** Media

- **关键词:** svg, png, 转换, 矢量, 光栅, 图像, 格式, 分辨率, 质量, 透明度

## 概述

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

## 输入项

- **SVG文件** (file): 选择SVG文件...
- **输出宽度** (number): Output width in pixels (optional)
- **输出高度** (number): Output height in pixels (optional)
- **渲染密度(DPI)** (number): Rendering density for SVG (DPI)
- **PNG压缩级别** (range): PNG压缩级别 (0=最快/最大, 9=最慢/最小)
- **自适应过滤** (checkbox): 启用自适应过滤以获得更好的压缩效果
- **保持透明度** (checkbox): 在输出PNG中保持SVG透明度
- **背景颜色** (color): 背景颜色（如果禁用透明度）

## 适用场景

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

## 工作原理

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

## 使用案例

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

## 常见问题

### 这个工具是免费的吗？

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

### 支持哪些SVG文件？

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

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

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

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

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

### PNG压缩级别如何选择？

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

## 相关工具

- [图片透明度水印工具](https://elysiatools.com/zh/tools/image-watermark-opacity): 为图片添加具有自定义透明度的水印，支持文字和图片水印，具有高级透明度控制功能
- [PDF页眉页脚片段](https://elysiatools.com/zh/tools/pdf-header-footer-snippets): 将HTML转换为PDF，并插入Logo/标题/日期等页眉页脚片段
- [SVG Favicon 生成器](https://elysiatools.com/zh/tools/svg-favicon-generator): 将 SVG 或位图 Logo 生成完整的 favicon 套件，包括 ICO、多个 PNG 尺寸、Apple Touch Icon 和 site.webmanifest
- [Data URI 生成器](https://elysiatools.com/zh/tools/data-uri-generator): 将文件转换为 Data URI（Base64 或百分号编码），用于直接在 HTML、CSS 或 Markdown 中内联图片、字体等资源
- [图片角落水印工具](https://elysiatools.com/zh/tools/image-watermark-corner): 为图片添加角落水印，可自定义位置、大小、透明度和多角落选项
- [图片对角水印工具](https://elysiatools.com/zh/tools/image-watermark-diagonal): 为图片添加对角水印，可自定义角度、大小、透明度和沿对角线位置
- [图片水印工具](https://elysiatools.com/zh/tools/image-watermark-image): 为图片添加图片水印，可自定义位置、大小、透明度和旋转角度
- [图片平铺水印工具](https://elysiatools.com/zh/tools/image-watermark-tile): 为图片添加平铺水印，可自定义大小、透明度、间距和图案样式

## 示例

- [XML 示例](https://elysiatools.com/zh/samples/xml-samples): XML（可扩展标记语言）格式示例，从简单到复杂结构
- [XML 查看器样本](https://elysiatools.com/zh/samples/xml-viewer-samples): 用于浏览器内 XML 查看器的样本文件
- [PNG示例](https://elysiatools.com/zh/samples/png-samples): 不同宽高比和分辨率的PNG图像示例
- [SVG示例](https://elysiatools.com/zh/samples/svg-samples): 可缩放矢量图形（SVG）示例，展示各种SVG功能和技术

## 相关内容

- [SVG Favicon 与图标转换工作流](https://elysiatools.com/zh/hubs/svg-favicon-icon-workflows): 用 SVG、PNG、ICO、JPG 和 WebP 来源准备 favicon、应用图标和网页图标，并完成转换与优化检查。