SVG 转 PNG：矢量素材网页兼容

做独立站的时候，Logo 和图标经常是设计给的 SVG 文件。矢量图放大不糊，但有些老浏览器、邮件客户端甚至某些社交平台的分享卡片，压根不认 SVG，显示出来就是一块空白。这时候把它转成 PNG 是最稳妥的出路。

我习惯的做法是在本地把 SVG 渲成 PNG，而不是丢到某个在线转换网站。原因很简单——SVG 里经常嵌着品牌色值、字体甚至业务名称，传到第三方服务器上等于把素材白送出去。本地转完直接拖进站点目录，文件不出本机。

转的时候注意分辨率。SVG 本身没有像素概念，导出 PNG 要手动定宽度，比如 512 或 1024。卖家的主图、详情页图标最好按展示位置的两倍尺寸导出，这样在手机高清屏上才不会发虚。

颜色方面别大意。SVG 如果用了渐变或滤镜，转到 PNG 后效果和预览基本一致，但透明背景要确认保留。很多平台上传后会自动填白底，本地先看清有没有 alpha 通道，省得上线后才发现图底不对。

一批素材要转就别一张张手动点了。把目录里的 SVG 集中处理，统一命名和尺寸，后面上架、做广告图都能直接复用。本地批量转完，整包素材就齐了，不用每次都回头找原始文件。