JPG 转 SVG v1.0

反过来，如果你已经有一份真矢量SVG，只是需要位图版本发给不支持矢量的平台，那用SVG转PNG工具回转就行，没必要重新描摹。

JPG转SVG的五个处理步骤

整条流水线分五步，每一步都在为下一步减负。理解这五步，你才知道参数为什么这么设。

第一步：缩放工作画布。图片先按预设缩到200至4000像素之间的工作分辨率再描摹，得到的路径按同样比例放大回原尺寸。矢量没有分辨率概念，这一步不损失任何东西，但直接决定了后面几步的运算量。

第二步：颜色聚类。用k-means量化配合确定性的最远点初始化，把JPEG里那些肉眼看不出差别的相邻像素合并成平整色块。之后再做一次相近色合并，这一步是关键——它能阻止压缩产生的色带被当成几层独立的颜色分出来。想事先把画面转成单色，用图片转灰度工具处理一遍会让聚类结果更稳。

第三步：找区域边界。逐个颜色提取边界像素，缝合成闭合环路，面积小于去斑阈值的区域直接丢弃。JPEG的振铃效应和块效应就是在这一步被清掉的。

第四步：简化与拟合曲线。先用Ramer-Douglas-Peucker算法减少顶点，再按45度阈值识别尖角，最后用Schneider算法做最小二乘三次贝塞尔拟合，配合牛顿法重参数化。有个细节值得说：拟合时对照的是原始轮廓，不是简化后的折线，所以曲线贴合度比常见实现更高。如果原图明暗对比太弱导致边界找不准，先用图片调整工具把对比度拉开会有明显改善。

第五步：输出。大形状排在前面，小形状排在后面，这样镂空部分才会正确盖在底色之上。输出按颜色分组，每个形状一条路径，每条路径带id，导入设计软件后就是可以直接操作的图层。

四个预设分别适合什么图

预设不是随手拍脑袋定的，四组参数针对四类完全不同的画面特征。

Photo预设的去斑值远高于其他三个，原因很实际：一张照片在像素层面几乎全是压缩噪点，不狠狠地清一遍，出来的就是几千个色斑。它的工作分辨率也压到了1000像素，细节调到2，整组参数是奔着控制体积去的，而不是奔着还原细节。Logo和Stencil保留2400像素的工作分辨率，因为标志和线稿的边缘锐利度直接决定成品好不好看。如果原图尺寸本身就很小，先用图片尺寸调整工具放大再描摹，效果通常不如直接调高细节参数。

主要优势

• 去斑可调：去斑阈值是暴露给你的正式参数，不是藏在代码里的固定值。面对压缩严重的来源图，这个滑块就是“能用的矢量”和“九百个垃圾形状”之间的分界线。
• 彩色输出：输出完整彩色路径，一种颜色一个分组。目前最有名的免费替代品只能输出黑白两色，彩色logo过一遍就废了。
• 照片如实提醒：照片不适合描摹这件事会明确告诉你，而不是默默返回一个比原图还大的文件。
• 预设有实测依据：参数是量出来的。在一张800×600的JPEG上，24色方案产出546KB，12色方案产出284KB，误差只多了一点点，所以照片预设定在12色。
• 本地运算：不上传、不需要API密钥、没有服务器往返，客户的设计稿始终留在你自己的设备上。
• 图层可编辑：输出的是带id的分组路径，在Illustrator、Inkscape和Figma里都是规规矩矩的可编辑图层。
• 直通印刷环节：拿到路径文件之后，可以再用SVG转PDF工具输出制版方普遍接受的格式。
• 免费无限制：不注册、不排队、不按次数收费，改一次参数重跑一次的成本是零，这对需要反复试参数的描摹任务很重要。

需要留出透明背景又不打算走矢量路线的话，JPG转PNG工具是更省事的选择。

核心功能

• 颜色数控制：2到32色可调。数值越低路径越少、体积越小，数值越高越贴近原图，但也更容易把噪点当成颜色。
• 细节强度：0到10，控制轮廓简化的激进程度。数值低出来的曲线圆润，数值高会保留更多转折。
• 去斑阈值：按面积丢弃小区域，直接决定碎片数量，是压缩来源图最该动的一个参数。
• 背景处理：可以保留背景色块，也可以整块去掉，得到透明底的图形。
• 四组预设：标志、剪贴画、照片、单色模板，四组实测参数覆盖绝大多数来源。
• 确定性聚类：最远点初始化保证同一张图同一组参数每次跑出来结果一致，方便比对参数效果。
• 尖角识别：45度阈值区分尖角和圆角，字母拐角和几何图形不会被拟合成软塌塌的弧线。
• 层级排序：大形状在下、小形状在上，镂空和内部图案的叠放关系自动正确。
• 分组带id输出：按颜色分组、逐形状带id，导入之后按图层选取，不用手工拆。
• 纯净SVG：输出标准SVG，不夹带私有属性，任何支持矢量的软件都能读。
• 格式互转衔接：描摹完成后需要位图版本时，SVG转JPG工具可以按任意尺寸导出。
• 图标场景直用：做网站图标时，配合favicon生成工具可以一次性拿到各尺寸文件。

使用方法

1. 打开DocPivot的JPG转SVG页面，把图片拖进去或者点击选择文件，图片不会上传，直接在浏览器里加载。
2. 按图片类型选预设。标志和线稿选Logo，插画和卡通选Clipart，照片选Photo，需要单色剪影选Stencil。
3. 看预览。碎片太多就往上调去斑，颜色糊成一片就加颜色数，边缘太软就加细节。
4. 决定背景保留还是去掉，做贴纸和印刷通常去掉，做插图背景通常留着。
5. 下载SVG文件，直接拖进Illustrator、Inkscape或Figma继续编辑。

来源图是iPhone拍的照片时，先用HEIC转JPG工具转成JPG再描摹，能避开格式兼容问题。

什么时候该用，什么时候别用

判断标准只有一条：画面里有没有成片的平坦色块。有，描摹就成立；没有，描摹就是在硬凑。

• logo重制：手里只剩JPG版标志，需要还原成可编辑矢量，这是最标准的用法。
• 扫描线稿：手绘草图、印章、签名扫描件转成路径，用Stencil预设效果最好。
• 刻字与雕刻：刻字机、激光雕刻机、CNC都只认路径，位图送进去机器不动。
• 印刷制版：名片、易拉宝、灯箱片放大到实际尺寸不能糊，必须是矢量。
• 网页图标：SVG体积小、任意缩放不失真，还能用CSS直接改颜色。
• 店铺装修：淘宝、天猫、抖音小店的横幅和详情页素材需要反复改尺寸，矢量源文件省掉重做的功夫。
• 徽章与文创：社团标识、活动周边打样，工厂那边通常明确要求矢量图。

照片是明确的例外。照片里几乎不存在平坦区域，描摹出来只能是一张色块化的近似图，体积往往还超过原来的JPG。真正需要照片在网页上又快又清晰，走位图路线更合理，比如用JPG转WebP工具换成更省流量的格式。渐变背景、柔和阴影、毛发和树叶这类细节，同样不适合描摹。

实际应用案例

个体户重做门店招牌

背景：一家开了七年的餐饮小店要换招牌，原来的设计公司早已注销，只留下一张五百像素的logo JPG。

操作流程：选Logo预设，颜色数降到6只保留主色和描边，去斑从4提到10清掉压缩杂点，导出SVG后在Illustrator里把字体笔画的两处断口手工补上。

效果：广告公司接收了文件，三米宽的灯箱片边缘干净，没有产生额外的重绘费用。

电商店铺批量出图

背景：淘宝店主每次上新都要按不同尺寸重做主图角标，源文件只有位图，每换一个尺寸就得重新调整清晰度。

操作流程：把角标图案用Clipart预设描摹成SVG，在Figma里建成组件，需要哪个尺寸就导出哪个，颜色随活动主题直接改路径填充。

效果：单次上新的出图时间从两小时压到二十分钟。如果最终还需要位图版本，用PNG转JPG工具批量转一遍即可。

亚克力标牌雕刻

背景：一家工作室需要把客户提供的图案做成亚克力立体字，雕刻机只接受闭合路径。

操作流程：用Stencil预设转成两色剪影，去掉背景，确认所有轮廓闭合后导出，在软件里检查路径方向再送机。

效果：一次过刀，没有出现常见的碎屑路径导致的空刀。给客户发预览图时，可以顺手用图片加水印工具加上工作室标识。

课件与汇报图标

背景：老师在PPT里用的图标都是从网上存的JPG，投影到大屏幕后边缘全是锯齿。

操作流程：逐个用Logo预设描摹，颜色数设为4，导出SVG后统一插入PPT，按主题色批量改填充。

效果：投影清晰度问题解决，整套课件的视觉风格也统一了。需要归档成文档时，JPG转PDF工具可以把原始素材一并整理。

参数怎么调：按图片类型给的推荐值

预设覆盖大多数情况，但遇到质量特别差的来源图还是要手动微调。下面是按常见问题给的处理方向。

• 路径数量爆炸：去斑往上加，一次翻一倍试，从4到8再到16，直到碎片消失而主体形状还在。
• 颜色分层太多：降颜色数。微信多次转发过的图容易产生大量相近色，降到6至8色通常就干净了。
• 边缘发软：提高细节参数，同时确认工作分辨率不要太低。
• 细小文字丢失：提高细节并降低去斑，文字笔画面积很小，去斑值高会把它整个吃掉。
• 整体偏灰：描摹前先调对比度，边界清晰的图聚类结果永远更好。
• 图片方向不对：先用图片旋转工具摆正再描摹，路径生成后再旋转容易连带影响id顺序。

一个反直觉的经验：颜色数不是越高越好。颜色越多，工具就越倾向于把JPEG压缩产生的伪色也认成真实颜色，结果是路径变多、体积变大、画面反而更脏。

与其他JPG转SVG工具的对比

DocPivot和主流替代品的差异集中在两处。一是去斑参数是否开放：这是压缩来源图能不能用的分水岭，多数工具把它写成固定值藏起来了。二是要不要上传：需要上传就意味着客户素材离开了你的设备，这在接商业单的时候是实打实的顾虑。

数据处理与隐私

整个描摹过程在你的浏览器里完成，图片不会传到任何服务器。这一点在处理客户提供的未公开设计稿、内部标识、合同扫描件时尤其要紧。按《中华人民共和国个人信息保护法》和《数据安全法》的要求，把含有可识别信息的图像交给第三方服务器处理，本身就构成一次数据提供行为，需要相应的告知和同意；本地处理从源头上绕开了这个环节。另外要注意的是，JPG文件里往往还藏着拍摄时间、设备型号甚至GPS坐标，如果原图还要另作他用，建议先用照片元数据清除工具处理一遍。

常见问题