在线SVG转PNG格式转换工具 - 五岁小孩

加载中...

SVG转PNG

将 SVG 矢量图在线转换为高清 PNG 位图,支持上传 .svg 文件或直接粘贴 SVG 源码,可自定义输出宽度、背景颜色与 1 倍/2 倍/3 倍高清缩放,实时预览光栅化效果并一键下载。全程在浏览器本地用 Canvas 渲染,SVG 文件不会上传服务器。

上传与转换设置

点击选择 SVG 文件

或将 .svg 文件拖拽至此区域

仅支持 .svg 格式,所有转换操作均在本地浏览器完成

正在光栅化转换中...

工具简介

SVG(可缩放矢量图形)基于数学路径描述图形,任意放大都不失真,但部分场景(网页配图、文档插图、PPT 图标)需要位图格式。本工具在浏览器内用 Canvas 把矢量图光栅化为 PNG 像素图,支持自定义输出宽度、背景色与高清缩放倍数,转换过程不上传文件,适合处理含商业价值的图标与设计素材。

使用方式

1. 上传 .svg 文件,或点击“粘贴 SVG 代码”直接粘贴源码,也可点击“填入示例”加载一个示例图标;

2. 设置输出宽度、高清缩放倍数与背景颜色(可勾选透明背景);

3. 点击“转换为 PNG”,左右对比 SVG 与 PNG 预览效果;

4. 满意后点击“下载 PNG”保存高清图片。

常见问题
SVG 转 PNG 会损失画质吗?
不会。SVG 是矢量图,与分辨率无关,转 PNG 是把矢量重新光栅化为像素。只要输出宽度或缩放倍数足够大,导出的 PNG 就是高清的;缩小尺寸反而因像素减少而变模糊,建议按最终使用尺寸或更大倍数导出。
为什么我的 SVG 转出来是空白?
常见原因是 SVG 没有写 width/height 或 viewBox,浏览器无法确定绘制尺寸。本工具会自动从 viewBox 补全宽高,但若 SVG 内部坐标全为负或图形超出视口范围仍可能显示异常,建议先确认 SVG 本身能正常显示再转换。
1 倍 2 倍 3 倍缩放有什么区别?
缩放倍数决定光栅化时实际绘制的像素量。2 倍、3 倍会以 2 倍、3 倍像素绘制后再缩放回显示尺寸,相当于 Retina 高清输出,导出 PNG 更清晰、文件更大。网页图标一般 2 倍足够,印刷或大图可用 3 倍。
免责声明:本工具仅供参考,转换结果不保证完全兼容所有 SVG 特性,复杂滤镜、外部引用资源等可能无法准确光栅化。

🍵 若这份小工具帮到了你

不必多,一杯茶的心意,就是我们继续把它打磨得更好用的动力 🌿

微信 / 支付宝收款码