SVG 转 PNG
矢量图导出成位图,倍率放大不会糊——因为是从矢量重新渲染。
拖入 SVG,或 选择文件
批量 · 本地渲染 · 不上传渲染失败怎么办
如果 SVG 里引用了外部图片或字体(<image href="http://...">、外部 @font-face),浏览器出于安全限制不允许读取,导出会失败或缺少元素。请先把资源内联进 SVG。
什么时候用
- 平台只接受 PNG/JPG 上传,而你手里只有 SVG 格式的 logo、图标或二维码时。
- 要给 App、Retina 网页或 PPT 准备 2x/3x 位图,需要从矢量按倍率重新渲染出清晰边缘时。
什么时候不用
- SVG 里引用了外部图片、外部字体或远程 CSS——浏览器渲染时会拦截,导出缺元素甚至直接失败,应先把资源内联。
- 还要继续改颜色、改文字或无损放大——请保留 SVG 原件;PNG 是位图,之后再放大就会糊。
限制与隐私
渲染在浏览器本地完成,SVG 不会上传。限制:只输出 PNG;外部图片、字体和 CSS 不会加载,需先内联;缺少 width/height 的 SVG 可能无法确定尺寸;动画和脚本只保留静态画面;4x 大图受 canvas 尺寸和内存限制。
常见问题
SVG 转 PNG 导出多大尺寸?
按 SVG 自身的 width/height 乘以倍率计算,倍率可选 1x–4x。例如 24×24 的图标选 4x 得到 96×96。只有 viewBox、没有 width/height 的 SVG 可能报错或尺寸不对,先在编辑器里补上宽高再导出。
SVG 转 PNG 为什么缺字体、缺图片或样式不对?
SVG 被当作图片加载时不能读外部资源:<image href="https://...">、@font-face 和远程 CSS 都会被安全策略拦下,脚本和动画也不会执行。请把文字转成路径、图片转成 base64 内联,或改用支持内嵌资源的导出工具。
想要透明背景的 PNG 怎么设置?
勾选「透明背景」即可得到带 alpha 通道的 PNG;不勾选则用所选颜色铺底。PNG 是无损格式,4x 大图体积可能比原 SVG 大很多;网页显示用 1x 或 2x 通常就够,4x 更适合印刷或再加工。