跳到主要内容

SVG 转换器

把 SVG 导出为 PNG、JPG 或 WebP,或把 PNG、JPG 描摹成 SVG。文件留在浏览器里。

只要透明 PNG,用SVG 转 PNG。描透明图用PNG 转 SVG,描 JPEG 用JPG 转 SVG。改路径用SVG 编辑器。

SVG 导出为 PNG、JPG、WebP

一次最多约 10 个文件,可打包 ZIP。JPG 会铺背景色。只要透明 PNG 时,用上面的专用页。

输出格式

PNG
JPG
WebP

JPG 会先铺背景色,默认白色。PNG 和 WebP 保留透明。质量只对 JPG 和 WebP 生效。

导出倍数

1×
2×
3×

倍数放大画布,长边不会超过 4096 像素。倍数不是印刷 DPI。

外链图片、脚本和 foreignObject 会被去掉。字体可能回退,动画和滤镜不一定保留。倍数不是印刷 DPI。

PNG、JPG 描摹成 SVG

一次一张。默认按标志处理。JPEG 噪点重时,用 JPG 转 SVG 页,那里的默认去噪更强。

预设

颜色

颜色数量:12

细节

一次一张,不超过 8 MB。描摹前长边缩到 1024 像素以内,透明区域保持透明。这一版没有照片预设。图里的字会变成路径。

这个枢纽做什么

这个页面把两个方向放在一起:把 SVG 画成 PNG、JPG 或 WebP,以及把 PNG、JPG、WebP 描摹成 SVG。计算在浏览器里完成,文件不会上传。

专用页仍然在。只要透明 PNG,用 SVG 转 PNG。透明位图描摹用 PNG 转 SVG。JPEG 噪点重的图用 JPG 转 SVG。改路径用 SVG 编辑器。

该走哪一个方向

已经有矢量,对方只要位图时,走「SVG 导出位图」。倍数是 1×、2×、3×,长边不超过 4096 像素。PNG 和 WebP 保留透明。JPG 没有透明通道,会先铺一层背景色,默认白色。

只有位图、希望放大后边缘仍然清楚时,走「描摹成 SVG」。一次一张。描摹前长边缩到 1024 像素以内。预设是标志、线稿、插画,这一版没有照片预设。描出来的是路径近似,不是设计稿里原来的图层。

两边都要试,或者要在 JPG 和 WebP 之间换输出,留在本页。已经是位图、只想换成另一种位图、不需要路径,用 图片格式转换。

栅格和矢量

PNG、JPG、WebP 是栅格:每个像素记一种颜色,放大后会糊。JPG 是有损压缩,边缘容易出现色块,见 ITU-T T.81。PNG 可以带透明通道,见 W3C PNG 规范。

SVG 记下形状,而不是像素网格。按 MDN 对 SVG 的说明,它适合图标和界面图形。把 SVG 放进 <img> 时脚本不会执行,见 MDN 的 img 元素。

描摹基于 VTracer。图里的字会变成路径,不能再当文本改字体。

参考资料