SVG 与 PNG 互转 使用方法
- 1
载入 SVG
拖入一个或多个 .svg 文件,或在页面任意位置粘贴 SVG 代码,也可以在代码框中输入,然后点击“渲染 SVG”。
- 2
选择输出尺寸
可选择 SVG 原始尺寸的 1×、2×、4× 或 8×,也可以输入精确的宽度(最大 16,384 像素),高度会自动按比例计算。
- 3
选择格式和背景
PNG 会保留透明背景;JPG 和 WebP 提供质量滑块,任何格式都可以用颜色填充背景。
- 4
下载
保存 PNG,文件名由原文件名和尺寸组成,例如 logo-512x512.png;也可以一次性下载全部文件,得到 svg-to-png.zip。
限制与 Pro
SVG 转 PNG:SVG 文件数量不限,每个文件导出时单边最大 16,384 px,最大 120 兆像素。PNG 转 SVG:一次处理一张图片,最大 25 MB。
Pro 将 PNG 转 SVG 的输入限制提高到最大 4 GB 的文件。 了解 Pro
关于 SVG 与 PNG 互转
SVG 转 PNG 可以把矢量图转换成普通的像素图片。浏览器自带的 SVG 引擎会按你指定的尺寸直接绘制文件,所以把 64 像素的图标导出为 8× 时,得到的是清晰的 512 像素图片,而不是放大后模糊的图。输出尺寸取自 SVG 的 width 和 height 属性,mm、pt、in 等单位按每英寸 96 像素换算;如果没有设置尺寸,则使用 viewBox。PNG 输出保留完整的 Alpha 透明度,并用 OxiPNG 进行无损优化;JPG 不支持透明,会填充白色,你也可以另选颜色。调整设置时预览会同步更新,下载前就能看到确切的结果。
凡是不支持 SVG 的地方都需要 PNG,例如社交媒体和聊天应用、旧版本的 Word 和 PowerPoint、邮件签名、应用商店页面以及许多建站工具。以 2× 或 4× 导出,还能在高分辨率手机屏幕上保持清晰。
由于 SVG 是作为独立图片渲染的,它无法从互联网获取任何内容:通过 URL 引用的外部图片和网络字体不会加载,文字会改用设备上已安装的字体。导出前,请把字体和图片以 data URI 的形式嵌入,或把文字转为轮廓。脚本和动画不会运行,得到的只是单帧静态图。“PNG 转 SVG”标签页则相反,可以把图片描摹成矢量路径。
隐私
渲染由浏览器内置的 SVG 引擎完成,图片由 jSquash WebAssembly 编码器在本标签页的 Web Worker 中编码,这些编码器仅在你添加文件后才从本站加载。SVG 代码和导出的图片都留在你的设备上,不会上传,渲染器也无法代替 SVG 发起网络请求。
功能
任意尺寸都清晰
矢量图会按输出分辨率重新渲染,可导出 1×、2×、4×、8× 或精确的像素宽度。
透明背景
PNG 和 WebP 保留透明度,也可以用任意颜色填充背景。
粘贴 SVG 代码
直接粘贴编辑器或设计工具中的代码,无需文件。
批量导出
用相同设置转换整套图标,并下载 ZIP。
也支持 PNG 转 SVG
切换标签页,即可把 PNG 或 JPG 徽标描摹成干净的矢量路径。