PNG 转 SVG（图片转矢量图）

客户只给了一张 PNG 格式的 Logo？描成真正的矢量路径：放多大都清楚，颜色随便改，印刷、刻字、激光雕刻都能用。JPG 也能转，图片不会上传。

怎么把 PNG 转成 SVG

1. 把图片拖进上面的框里，或者点选择图片；刚截的图可以直接按 Ctrl+V 粘贴。一次可以放好几张。
2. 在图片类型里选最接近的一项：默认是「Logo / 纯色图标」，签名、手写字选「线稿（黑白）」。
3. 左边原图、右边 SVG 并排对比，点 SVG 能放大看边缘。哪里不满意，就展开高级设置调一调，改完会自动重新描。
4. 点下载 SVG保存；描好两张以上时，可以点全部下载（ZIP）一次打包。

什么时候需要矢量图

PNG、JPG 是位图，由一个个像素拼成，放大到一定程度就会发虚、出锯齿。SVG 是矢量图，记录的是每块形状的轮廓和颜色，印在名片上和喷在几米宽的展板上一样清楚。

下面这些情况最常用到它：印刷厂、广告店做名片、门头招牌、易拉宝、文化衫，要你提供矢量文件；网店要印包装盒、吊牌、不干胶贴纸；用刻字机、激光雕刻机做车贴、木牌；前端开发要把图标放进网页，还希望它在高清屏上不糊。手里只有 PNG 或 JPG 的时候，就可以在这里描一份矢量版。

印刷厂常说的「要 AI 或 CDR 文件」，本质上也是要矢量图。这里下载的 SVG 可以在 Illustrator 里打开后另存为 AI、EPS 或 PDF，CorelDRAW 也能直接导入 SVG。

真矢量还是「套壳 SVG」

SVG 文件里允许直接塞一张位图。有的转换器就是这么做的：把你的 PNG 编码成一长串 base64 文字，放进 <image> 标签，再把扩展名改成 .svg。这样的文件放大照样糊，刻字机找不到轮廓，颜色也改不了。

检验方法很简单：用记事本或 VS Code 打开 SVG，搜索 base64 或 <image，能搜到就是套壳。本工具输出的文件里只有 <path> 路径，每块颜色都是纯色填充，不含任何位图，也没有 base64。

哪些图适合转矢量

矢量化的原理是把图里的颜色归并成有限的几种，再把每块颜色描成形状。所以有的图描完几乎和原图一样，有的图会丢掉最关键的东西。

半透明的部分处理得很直接：不透明度过半的当实色，不到一半的直接去掉。所以柔和的投影要么变成硬边色块，要么整个消失。

四种图片类型的区别

选一种图片类型，高级设置就换成这一类的起点数值，之后还能单独再调；换成别的类型时，会重新套用那一类的数值。

「线稿」的判断方法和另外三种不一样：透明的地方先当成白纸，然后把红、绿、蓝三个值平均，低于 128（满分 255）的像素变成黑色图形，其余的全部不要。不管原来是蓝笔还是红笔写的，结果都是黑色图形加透明背景。比这个浅的铅笔线会被丢掉，铅笔稿太淡的话，先用修图软件把对比度拉高再来描。

「照片」最多按长边 1200 px 描，拐角更圆润，因为一张照片会描出几千个形状。实测一张 1440 × 960 的照片，选「照片」描出来 1.3 MB、约 2200 条路径；误选成「Logo」，描的时间长好几倍，文件有 9.8 MB。

高级设置怎么调

• 颜色数（2–32）：SVG 最多用几种颜色，每种颜色是一组形状。引擎还会把几乎一样的颜色合并，所以实际颜色可能比设定的少。调得太少，相近的颜色会并成一块，比如浅棕和米色分不开；调得太多，形状边缘的过渡色容易被单独描成一圈细边。
• 去杂点（0–20 px）：面积小于「N × N 个原图像素」的碎块会被删掉，比如 4 px 就是去掉不到 16 个像素的小点。JPG 噪点多、扫描件有灰尘就调大；调到 0，每个小点都保留。
• 拐角：转折要多急才保留成尖角。「尖锐」30° 以上的转折都保留，「适中」是 60° 以上，「圆润」要 120° 以上才算尖角，其余都顺成曲线。几何感强的标志、方正的字体用尖锐；手绘、圆滚滚的图形用圆润。
• 白色背景：「保留」把白底当普通颜色，描成一块白色形状；「去掉」从图片四条边往里找，只去掉和边缘连着的白色，字母中间的洞、眼睛里的高光这类图案内部的白色会留下；「白色全去掉」把所有接近白色的像素都变透明。接近白色指红、绿、蓝都不低于 230，所以略微发黄的白纸、JPG 白底上的噪点也算白色。

拖滑块时只变数字，松手才重新描；重描时旧结果会调淡显示，描得久的还会在状态里走秒。设置会记在这个浏览器里，下次打开还是上次的选择。

尺寸和透明是怎么处理的

• 大图先缩小：长边超过 2000 px 的按 2000 px 描（「照片」是 1200 px）。像素再多，只会描得更慢、文件更大；缩小时这一行的状态里会写明。
• 小图先放大：像素越多，描出来的曲线越顺。PNG、GIF、BMP 这类无损图放大到 1000 px，JPG 和有损 WebP 放大到 2000 px，顺带把压缩噪点抹平，最多放大 4 倍；「照片」不放大。
• 尺寸和原图一致：不管内部按多大描，下载的 SVG 宽高都等于原图的像素尺寸，并带 viewBox，放进排版里大小不会乱。
• 透明还是透明：透明 PNG 的背景在 SVG 里就是空的，不会描成一块黑底。

转好的 SVG 能用在哪

• 设计软件：拖进 Figma、即时设计、MasterGo，就是可以编辑的矢量图层；Illustrator 打开后每个形状都是单独的路径，能逐块选中改颜色，再另存为 AI、EPS、PDF 交给印刷厂；CorelDRAW 用「导入」打开 SVG。
• 网页：可以当 <img> 引用，也可以把代码直接贴进页面。工具输出的是固定的十六进制颜色，单色图标想跟着文字变色，用编辑器把填充色改成 currentColor 就行。
• 图标库：往 iconfont 这类图标平台上传时一般要 SVG。描出来的文件只有填充路径，没有描边和嵌入图片，单色图标用「线稿」描，结构最简单；具体要求以平台说明为准。
• 印刷和广告物料：名片、门头、展板、包装、吊牌，放大印也不糊。颜色是从图里的色块取的，可能和品牌标准色有细微差别，交给印刷厂前最好在设计软件里把颜色换成标准色值。

刻字机、激光雕刻和刺绣

刻字机（比如 Cricut）和激光雕刻机要 SVG，是因为里面有轮廓可以沿着走。拿描出来的图做切割文件，注意这几点：

• 一种颜色对应一层材料：每种颜色往往要用一张单独的刻字膜或卡纸，颜色数尽量设成真正要用的材料数。白底用不上的话选「去掉」，免得多出一整块白色底板。
• 形状是叠放的，不是镂空的：压在上面的形状直接盖在下面那层上，下面那层不会挖出对应的洞。做多层叠贴的车贴、纸雕正合适；要做像拼图一样互相嵌合的切件，得在设计软件里自己减去重叠部分。
• 描出来的是外轮廓，不是单线：每一笔都会变成两边都有轮廓的填充形状。激光做填充雕刻没问题，但要用笔绘、单线雕刻沿着笔画中心走，就需要「中心线描摹」，本工具不提供。
• 刺绣要另外制版：刺绣机读的是 DST、PES 这类针迹文件，SVG 只能当制版的底稿，还要用专门的刺绣软件转换。

LightBurn 这类激光软件都能导入 SVG，导入后按图层设置是切割还是雕刻。

描之前把原图准备好

描摹只能沿着看得见的边走，原图越清晰，结果越干净。实测同一个 720 × 200 的文字 Logo：干净的 PNG 描出 22 条路径、6 KB；存成低质量 JPG（质量 40）再描，变成约 230 条路径、134 KB，边缘也毛了。

所以尽量用官网下载或设计稿导出的原图，少用截图和转发过好几手的图。苹果手机的 HEIC 照片，先用 HEIC 转 PNG 转一下；Logo 压在复杂背景上，先用在线抠图去掉背景，再描透明的 PNG。Logo 只在 PDF 里的，先用 Illustrator 或 Inkscape 打开那个 PDF 看看，里面很可能本来就是矢量；只有扫描件才需要先用 PDF 转 PNG 转成图片再描。

别人的 Logo 能不能描

转成 SVG 不会改变图的归属。自己公司的 Logo、客户授权给你的标志、允许商用的素材，都可以放心描；把别人的品牌标志、动漫形象描成切割文件拿去卖，可能侵犯对方的商标权或著作权，跟文件是怎么做出来的没有关系。

常见问题

更多免费工具