JPG转SVG在线转换
把JPG格式的标志、草图或图标转换为由真实路径组成的SVG,可无损缩放到任意尺寸,并能导入Cricut、Silhouette、Illustrator或网页。描摹程序会把每个颜色区域重新绘制成形状,因此得到的是真正的矢量图,而不是套在矢量外壳里的位图。
图片转 SVG
或将JPG, JPEG, JFIF … 文件拖放到此处 ·
单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除
文件在我们的服务器上处理,并在 30 分钟后删除。
调高会保留细小斑点和精细纹理;调低会舍弃小于几个像素的形状并清除噪点。
调高会使低分辨率或 JPG 输入产生的锯齿边缘变圆滑;调低会保留尖锐的转角。
大多数图片使用平滑曲线,几何形标志使用直线段,像素画则用像素边缘保持方块感。
仅适用于 PDF 输入:要转换的页面,例如 1 或 1-3, 5。每一页会生成单独的文件。
使用方法
- 1
上传JPG
上传 logo、手绘图或扁平图形的 JPG 或 JPEG 文件,一次最多 20 个。原图越大、越干净,曲线就越平滑。
- 2
设置颜色
颜色数量默认为 8,适合大多数 logo。签名和线稿可将颜色模式切换为黑白;如果 JPG 尺寸较小或有马赛克块,可提高平滑。
- 3
转换并检查
点击矢量化为 SVG,用浏览器打开文件并放大查看。如果小细节丢失,请在高级设置中提高细节,然后重新转换。
JPG 转 SVG 最适合本身就是扁平风格的图片:logo、图标、印章、签名和绘图。原图颜色越少,矢量图越干净。
JPG如何变成矢量路径
JPG 是采用 1992 年 JPEG 方法压缩的像素网格;SVG 是 2001 年起成为 W3C 标准、由坐标和曲线描述的图形列表。两者之间无法直接转换,因此转换器采用描摹:把像素归并为有限的几种颜色,找出每个色块的边界,再沿边界拟合平滑曲线。
Inkscape 基于 Potrace 库的“描摹位图”,以及 Illustrator CS6 引入的“图像描摹”,原理都是如此。各工具的差别在于如何选取颜色,以及对噪点的平滑力度。这两点正是这里的颜色数量、细节和平滑所控制的。
JPG 还有自己的难题。该格式把图像分成 8 × 8 像素的块,并丢弃每块内部的细节,导致锐利边缘周围出现淡淡的光晕,描摹时会被当成多余的图形。因此本页将平滑默认设为 60,而不是常见的 50。
JPG转SVG时如何选择颜色数量
- 2
单色 logo、镂空模板、刻字贴纸
- 4–8
扁平 logo 和图标(默认 8)
- 16–32
插画、卡通、徽章
- 64
最大值;色调分离的照片
JPG转SVG能做什么、不能做什么
误区把 JPG 另存为 SVG,就能在任何尺寸下都清晰。
事实只有描摹出的路径才能无损缩放。仅仅嵌入 JPG 的 SVG,放大后和 JPG 一样模糊。
误区颜色越多,矢量图越好。
事实超过 16–32 种颜色后,多半只是增加细碎图形和文件大小;logo 用 4–8 种颜色更干净。
误区模糊的 JPG 也能变清晰。
事实描摹可以平滑锯齿边缘,但无法凭空生成 JPG 本来没有的细节。
让JPG标志描摹得更干净
| 建议 | 避免 |
|---|---|
| 使用手头最大的 JPG,最好宽度在 1000 px 以上。 | 描摹很小的缩略图,或截图的截图。 |
| 上传前裁掉边框和空白。 | 给双色 logo 把颜色设到 64。 |
| 签名和手写笔记选择黑白。 | 指望人像照片保留肤色。 |
| 贴纸和切割文件请开启去除背景。 | 描摹前把 JPG 反复保存多次。 |
JPG转SVG常见问题
生成的SVG是真正的矢量图,还是只把JPG放进了SVG文件?
是真正的矢量图。有些转换器只是把 JPG 嵌入 SVG 的图片标签,放大后依然会出现像素块。本工具会描摹轮廓并以 SVG 路径写出,用文本编辑器打开文件,看到的是坐标,而不是一大段编码后的像素数据。
人像照片或风景照能转成SVG吗?
可以,但效果更像海报或数字填色画,而不是照片。矢量图描述的是纯色区域,而照片包含数百万种细微色阶。想要风格化效果可尝试 24–32 种颜色;用于切割机请选择黑白,详情见照片转 SVG。
制作Cricut或Silhouette切割文件该用哪些设置?
使用黑白或 2–4 种颜色,开启去除背景,避免白色区域被当作图形切割,并可考虑仅轮廓,让机器沿边缘切割。Cricut Design Space 和 Silhouette Studio 都可以直接导入 SVG。
为什么描摹出的标志边缘歪歪扭扭?
JPG 压缩会在锐利边缘周围产生淡淡的噪点,描摹时会被一并跟随。可提高平滑、稍微降低细节,几何感强的 logo 可在曲线选项中选择直线。使用更大的 JPG 作为起点效果最明显。
SVG文件会有多大?
以 4–8 种颜色描摹的扁平 logo,通常为几 KB 到几十 KB。每增加一种颜色或精细纹理都会增加路径,所以描摹后的照片可能比原 JPG 还大。优化 SVG 会取整坐标并合并路径,以减小体积。
用PNG做原图是否比JPG更好?
通常是的。同一 logo 的 PNG 没有压缩噪点,可能还带透明背景,所以描摹更干净。如果两种都有,请使用 PNG 转 SVG;如果只有 JPG,调高平滑值可以弥补大部分差距。