这个枢纽做什么
这个页面把两个方向放在一起:把 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。图里的字会变成路径,不能再当文本改字体。