返回免费在线工具集合

SVG 转 PNG

粘贴 SVG 代码或上传 .svg 文件,设定输出宽高与背景色后转成 PNG 下载,支持透明背景导出。

图片 独立定制 输出:图片文件 免费使用 发布时间: 阅读量:6 作者:马慧
正在加载工具…

把矢量源码贴进文本框

姜蔚替苏州灵犀传感科技的产品手册备小程序 tabbar 图标,素材是 120×120 的蓝底白色对勾,交付要白底 512×512 方图。代码框贴进完整源码,含 viewBox="0 0 120 120"、fill=#1f6feb 的圆与一条白色 path。提示行还停在初始那句:粘贴 SVG 代码后点"转换"即可预览并下载。也可点"或上传 .svg 文件"选文件,读完文本会自动转换一次。

粘贴 SVG 代码或上传 .svg 文件

宽高与背景色都要写全

"输出宽度""输出高度"各填 512,单位是像素,源码里写着 Math.max(16, …),填 8 也会被抬到 16。"背景色"只接受六位十六进制 #RRGGBB,写成 #fff、white 或 rgb(255,255,255) 都不生效,后果是出一张透明底 PNG,不是报错。姜蔚填的是 #ffffff。源码自带 viewBox,120 的内容等比铺满 512 画布不变形;缺了它,工具会按输出宽高补一个,非正方形的图会被拉歪。

设置输出宽高与背景色

转换后先读尺寸提示

按"转换"才真正把 SVG 画进画布、刷上底色并生成预览,改过参数要重按一次。提示行换成"已转换:512×512",后半句让点"下载 PNG"保存,这个数字就是核对宽高填没填对的凭据。预览区里看白底有没有铺上、圆是不是还圆。源码不全时会给"SVG 解析失败,请检查代码是否完整。",既没有预览也没有下载。走上传文件那条路虽然自动转过一次,用的仍是当时填的参数。

点转换看预览

白底方图落成 svg.png

按"下载 PNG"把画布编码成文件,格式恒为 PNG,文件名固定"svg.png",不跟着输入变。姜蔚拿到的是 512×512、18,973 字节,约 18.5 KB。一个纯色圆加一条白对勾,成片同色区域让无损压缩把体积压得很低,小程序图标的体积限制轻松过。拿到文件先看属性确认尺寸,再确认底色不是透明的;换成复杂插画与渐变,体积会明显上去。

下载 PNG

企业知识网( www.qiyezhishi.com )提供的结果为参考性内容,不构成法律、税务或投资建议。具体请以主管部门口径与最新法规为准。

本文作者

马慧,企业知识网站长,10年+SEO/GEO经验,精通白帽SEO与网站优化,擅长全网营销与短视频引流,曾打造日均万IP的SEO博客(小小课堂网)、十万IP泛流量资讯网站(错误博客)。自川来熟食连锁店长,5年熟食生产与管理经验,精通抖音本地生活服务运营。