无需登录 数据私有 本地保存

SVG转PNG工具 - 矢量图形转光栅图片

14
0
0
0
上传 SVG 文件
拖拽文件到此处，或点击选择文件
也支持粘贴 SVG 代码到下方编辑区
字符数: 0
实时预览
上传或粘贴 SVG 后在此预览
SVG预览
1x 2x 3x 4x
|
常见问题 & 知识点
SVG 转 PNG 后背景为什么是白色的？

SVG 默认背景是透明的，但在某些查看器中显示为白色。转换时如果选择了"透明"背景选项，PNG 将保持透明背景；若选择白色或自定义颜色，则会填充对应背景色。请检查背景色设置。

如何保持 SVG 的透明背景？

在"背景色"设置中选择"透明"选项即可。转换后的 PNG 图片将保留透明通道，适用于图标、Logo 等需要叠加在其他背景上的场景。预览区的棋盘格图案即为透明区域的标识。

转换后的 PNG 模糊怎么办？

提高缩放倍数（如 2x、3x、4x）可显著提升清晰度。例如原始尺寸为 200×200，设置 3x 缩放后输出 600×600 的高清 PNG。这对于 Retina 屏幕或打印需求非常有用。同时也请确保 SVG 源文件的 viewBox 定义清晰。

为什么我的 SVG 转换失败或显示异常？

常见原因：①SVG 代码中包含外部资源引用（如外部图片URL），可能因跨域限制无法渲染；②SVG 使用了 foreignObject 或复杂 CSS 样式，Canvas 转换存在兼容性限制；③SVG 代码格式错误。请检查 SVG 代码是否完整有效。

SVG 和 PNG 有什么区别？

SVG（可缩放矢量图形）基于数学路径描述，无限放大不失真，适合图标、插画、Logo等。文件通常较小。PNG（便携式网络图形）是光栅图片，由像素点组成，放大到一定程度会模糊。支持透明通道，适合照片和复杂渐变图像。本工具帮助您在需要时进行格式转换。

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

当前版本支持单文件转换。如需批量处理，您可以多次上传并分别下载。批量打包下载功能正在规划中。提示：您可以拖拽多个文件到上传区，工具将依次处理。

转换后的 PNG 文件大小如何优化？

输出分辨率直接影响文件大小。合理设置宽高和缩放倍数，在清晰度与文件大小之间取得平衡。对于网页使用，通常 1x 或 2x 缩放即可；对于打印，可能需要更高分辨率。此外，简单图形的 SVG 转换后通常比复杂图形小得多。

如何设置输出分辨率？

通过宽度 × 高度 × 缩放倍数来控制最终分辨率。例如宽800、高600、2x缩放 = 输出1600×1200像素的PNG。您也可以使用预设尺寸快速设置，或手动输入精确数值。锁定宽高比可保证图形不变形。

支持哪些 SVG 特性？

本工具基于浏览器 Canvas API 实现转换，支持大多数标准 SVG 特性：路径(path)、形状(rect/circle/ellipse等)、渐变、透明度、基本文本等。部分高级特性（如滤镜效果、动画 SMIL、外部样式表）可能无法完整保留。建议在转换前检查预览效果。

在移动端可以使用这个工具吗？

完全支持！本工具采用响应式设计，在手机和平板设备上均可流畅使用。您可以上传 SVG 文件、粘贴代码、调整参数并下载 PNG，所有功能在移动端都经过优化。iOS Safari 和 Android Chrome 均完美兼容。

转换是本地进行的吗？数据安全吗？

完全本地处理！所有转换操作都在您的浏览器中完成，SVG 文件和代码不会上传到任何服务器。您的数据始终保持私密和安全。即使离线状态下，本工具也能正常工作。

如何从剪贴板粘贴 SVG 代码？

点击 SVG 源代码编辑区上方的"粘贴"按钮，或直接在编辑区使用 Ctrl+V（Mac: Cmd+V）粘贴。工具会自动识别 SVG 格式并更新预览。您也可以从 Figma、Illustrator、Inkscape 等设计工具中复制 SVG 代码粘贴到此处。

🔧 相关工具