SVG 转 PNG 🔒 完全在您的浏览器中运行——不上传任何数据。

将 SVG 矢量文件光栅化为任意分辨率的 PNG 或 JPEG。

🖼 将 SVG 文件拖到此处,或点击浏览

关于此工具

此工具可在浏览器中直接将 SVG 矢量文件按你选择的任意分辨率转换为 PNG 或 JPEG 图片。拖入一个 .svg 文件后,工具会读取文件自身的 width、height 和 viewBox 属性,建议一个合理的初始尺寸——之后你可以在转换前输入任意想要的输出尺寸。

当你需要矢量图形的位图版本时,这个工具会很有用:把 Logo 或图标转换成 PNG,用于不接受 SVG 上传的平台;从一份矢量原图生成多个固定像素尺寸(应用图标、favicon、社交媒体头像);或者把清晰的图形放进只接受普通图片格式的文档或幻灯片中。

由于 SVG 是矢量图形而非像素网格,将其放大或缩小到你选择的输出尺寸仍然保持清晰——不会出现把 JPEG 或 PNG 照片拉伸超过原始分辨率时的模糊或像素化问题。选择 PNG 可保留原始 SVG 中的透明度,或选择带背景色的 JPEG 以获得完全不透明的平面图像。所有处理都通过 Canvas API 在本地完成——你的 SVG 文件绝不会被上传到任何地方。

常见问题

为什么我光栅化的 PNG 在大尺寸下看起来有锯齿?

如果转换本身正常工作,这种情况不应该发生——SVG 是矢量数据,因此它能干净地缩放到任意输出像素尺寸而不出现锯齿,这与放大位图图像不同。如果你的 PNG 看起来有锯齿,请仔细核对你设置的输出宽度/高度是否真的是你想要的(如果目标尺寸比你想要的小得多,它看起来会"正确"但很小,然后如果你在最终使用场景中以更大的尺寸显示它,就会显得模糊/有锯齿——这是显示时的缩放问题,而非转换时的问题)。请以你真正想要的最终像素尺寸重新导出,以获得清晰的效果。

在我设置自定义尺寸之前,为什么我的 SVG 显示得比预期更小/更大?

显示的默认尺寸来自 SVG 文件自身声明的 width/height 属性(如果存在),如果没有则来自其 viewBox 尺寸,如果两者都没有则回退到通用的 512×512——许多 SVG(尤其是从设计工具导出的)只声明 viewBox 而没有明确的像素尺寸,因此你看到的"原始"尺寸并不总是有意义。只需将宽度/高度字段设置为你实际需要的值;由于 SVG 是矢量数据,选择与检测到的默认值不同的尺寸不会有任何质量上的权衡。