将 SVG 矢量图导出为像素级精准的 PNG
以你选择的分辨率栅格化任意 SVG——从 favicon 到巨幅广告牌尺寸。边缘锐利、尺寸自定义、背景透明。全程在浏览器中完成。
将图片拖放到此处
SVG
最大文件大小:100 MB · 支持多个文件
如何将 SVG 转换为 PNG
点击拖放区域,或从文件管理器中把 SVG 文件拖进来即可上传。
你也可以一次拖入多个 SVG 文件,从整套图标库或品牌素材集中批量导出 PNG。所有栅格化都在你的浏览器本地运行,不会向任何服务器上传文件。
设置你想要的 PNG 输出宽度和高度,或保持 SVG 的原始尺寸。
由于 SVG 与分辨率无关,同一个文件既可以导出 32px 的 favicon,也可以导出 512px 的应用图标,或 4000px 的印刷素材——全都完美清晰,画质毫无损失。
下载你所选分辨率的清晰、透明背景 PNG。
SVG 背景默认透明,转换器会在 PNG 输出中保留这一 Alpha 通道。批量转换多个 SVG 文件时,所有 PNG 会打包成 ZIP 压缩包,一键即可下载。
SVG 与 PNG:有哪些变化
了解 SVG 和 PNG 之间的差异,有助于你选择最适合自己需求的格式。
| 规格 | SVG | PNG |
|---|---|---|
| 压缩方式 | 无(基于文本) | 无损 |
| 画质 | 完美(矢量) | 优秀 |
| 透明度 | 是 | 是 |
| 动画 | 是 | 否 |
| 文件大小 | 图形文件体积极小 | 中等到较大 |
为什么要转换 SVG?
- 不适合照片
- 复杂图像会生成非常大的文件
- 嵌入脚本可能带来安全风险
为什么选择 PNG?
- 无损压缩,保持画质
- 完整支持透明背景
- 非常适合图形和文字
何时使用 SVG
当你需要徽标、图标或插画等可缩放图形,并希望在任何分辨率下都清晰锐利时。
何时使用 PNG
当你需要透明背景、无损画质,或处理图形和徽标时。
为什么选择我们的 SVG 转 PNG 转换器?
将 SVG 图形转为清晰的 PNG 图像,保留渐变、滤镜和透明度
任意缩放都清晰
精确设置输出尺寸——无论是用于 favicon 的 16×16,还是用于印刷素材的 4000×4000。SVG 矢量图可无限缩放,因此你的 PNG 始终清晰锐利。
支持复杂 SVG
支持内嵌字体、CSS 样式、剪切路径、滤镜、渐变和蒙版。不只是简单图形——来自设计工具的真实导出文件也能正确转换。
支持高 DPI 与 Retina
可按 2x 或 3x 缩放导出,适配 Retina 显示屏和高分辨率场景。你的 PNG 素材在每一块现代屏幕上都清晰锐利。
SVG 转 PNG——常见问题
关于将 SVG 矢量图转换为 PNG 的技术与实用解答。
将 SVG 导出为 PNG 时,应该选择什么分辨率?
这取决于使用场景。网页图标可使用 32–512px。社交媒体头像建议使用 800×800px 或更大。若要以 300 DPI 印刷,将预期的英寸尺寸乘以 300 即可(A4 印刷大约需要 2480×3508px)。对于 Retina/HiDPI 屏幕,请按预期显示尺寸的 2x 导出。
SVG 中的文字和字体在 PNG 中能正确显示吗?
SVG 中的文字分为两类:使用系统字体的文字(需要渲染设备已安装该字体),以及已转为路径的文字(始终能正确显示)。如果你的 SVG 使用了内嵌字体或非系统的网络字体,请在导出前于设计工具中将文字转为轮廓,以确保显示准确无误。
为什么导出的 PNG 看起来和浏览器中的 SVG 不一样?
不同引擎的 SVG 渲染结果可能有所差异。CSS 滤镜、混合模式和复杂的剪切路径,在不同浏览器与我们的栅格化引擎之间可能略有不同。对于重要的品牌素材,请务必检查 PNG 输出结果,必要时调整源 SVG。
可以把透明背景的 SVG 转换为 PNG 吗?
可以。SVG 默认背景透明,我们的转换器会通过完整的 Alpha 通道在 PNG 输出中保留透明效果。如果你的 SVG 中有明确的白色或彩色背景矩形,它也会被包含在 PNG 中——如需透明效果,请先在 SVG 编辑器中将其删除。
上传 SVG 有文件大小限制吗?
我们支持最大 10 MB 的 SVG 文件。大多数 SVG 文件要小得多——即使是包含数千条路径的复杂插画,通常也远低于 1 MB。体积特别大的 SVG 在高输出分辨率下可能需要较长的栅格化时间,但大多数文件都能在两秒内完成转换。
转换后的 PNG 可以用于商业用途吗?
我们的转换工具对你如何使用输出的 PNG 没有任何限制,完全允许商业用途。请注意,原始 SVG 作品的版权归其创作者所有——我们工具的输出许可仅涵盖转换过程本身,不包括底层的设计内容。
常见的 SVG 转 PNG 导出场景
Logo 与品牌素材
- 将公司 Logo 的 SVG 导出为 PNG,用于 Word 文档和演示文稿
- 为素材库生成多种尺寸的品牌 Logo PNG 版本
- 用 SVG 图标制作 PNG 格式的 favicon,用于浏览器标签页和书签显示
网页与应用开发
- 将 SVG 图标转换为 PNG,适用于不支持内联 SVG 的环境
- 将 SVG 插画导出为 PNG,用于 React Native 或 Flutter 应用
- 用 SVG 模板生成尺寸恰好为 1200×630 px 的 Open Graph 预览图
设计与印刷
- 将 SVG 作品栅格化为 PNG,用于不接受矢量图上传的平台
- 将 Figma 或 Illustrator 导出的 SVG 转换为 PNG,用于交付客户
- 将基于 SVG 的信息图制作成 PNG,嵌入电子邮件通讯中