SVG转PNG - 免费、任意尺寸、浏览器内完成

SVG 不是一张图片，而是一组绘制指令。这正是它在任何尺寸下都保持锐利的原因——每次显示时形状都会重新计算。把它变成 PNG，等于把这些指令按某一个尺寸执行一次，然后把结果冻结进像素网格。你放弃的是这个格式最大的优势，因此值得弄清楚换回来的是什么。

如何将 SVG 转换为 PNG

1. 1 把 .svg 文件拖到上传区域。
2. 2 设置输出宽度。1x、2x、4x 按钮以文件中写明的尺寸为基准；若文件没有尺寸，我们从 1024 像素起算。
3. 3 点击“开始转换”并下载 PNG。透明区域依旧透明。

你选的尺寸就是上限

这是本页唯一真正的决定。SVG 没有可以回退的原始分辨率，所以你输入的宽度就是这张图能达到的最清晰状态——之后再放大这个 PNG，它就会糊，和任何位图一样。稳妥的习惯是按显示尺寸的两倍导出，这样能覆盖高像素密度屏幕，并把 SVG 本身留着，以备将来需要更大尺寸。如果文件本身没有写宽度，我们会从 1024 像素起算：那是一个合理的默认值，而不是有意义的"原始尺寸"。

什么时候真的必须用 PNG

仍有很多地方拒收 SVG，而且往往有正当理由：SVG 可以携带脚本，因此接受陌生人上传的系统常常直接拒绝它。最常见的情形是社交预览图——og:image 和 Twitter 卡片都要位图。除此之外还有：邮件模板、应用商店与电商平台的素材、印刷流程、老旧设计软件、游戏与 canvas 素材，以及任何需要固定像素尺寸来排版的场合。这些限制都来自接收方，而不是你的文件。

字体和外链文件不会跟着过来

出于安全考虑，浏览器会在沙箱中渲染 SVG：脚本不执行，外部资源不加载。这个行为是对的，但在这里有一个看得见的后果。如果你的 SVG 引用了网络字体，文字会回退到系统字体，形状随之走样。如果它链接了外部图片，那张图干脆不出现。如果它依赖周围页面的 CSS，那份样式也就没了。解决办法是在转换前让文件自成一体——把文字转为轮廓，把图片内嵌进去。其实在把 SVG 交给任何人之前，你都该这么做。