把矢量源码贴进文本框
姜蔚替苏州灵犀传感科技的产品手册备小程序 tabbar 图标,素材是 120×120 的蓝底白色对勾,交付要白底 512×512 方图。代码框贴进完整源码,含 viewBox="0 0 120 120"、fill=#1f6feb 的圆与一条白色 path。提示行还停在初始那句:粘贴 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。一个纯色圆加一条白对勾,成片同色区域让无损压缩把体积压得很低,小程序图标的体积限制轻松过。拿到文件先看属性确认尺寸,再确认底色不是透明的;换成复杂插画与渐变,体积会明显上去。

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