UltKit

JPG转SVG在线转换

把JPG格式的标志、草图或图标转换为由真实路径组成的SVG,可无损缩放到任意尺寸,并能导入Cricut、Silhouette、Illustrator或网页。描摹程序会把每个颜色区域重新绘制成形状,因此得到的是真正的矢量图,而不是套在矢量外壳里的位图。

图片转 SVG

或将JPG, JPEG, JFIF … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出
8

文件在我们的服务器上处理,并在 30 分钟后删除。

使用方法

  1. 1

    上传JPG

    上传 logo、手绘图或扁平图形的 JPG 或 JPEG 文件,一次最多 20 个。原图越大、越干净,曲线就越平滑。

  2. 2

    设置颜色

    颜色数量默认为 8,适合大多数 logo。签名和线稿可将颜色模式切换为黑白;如果 JPG 尺寸较小或有马赛克块,可提高平滑。

  3. 3

    转换并检查

    点击矢量化为 SVG,用浏览器打开文件并放大查看。如果小细节丢失,请在高级设置中提高细节,然后重新转换。

JPG 转 SVG 最适合本身就是扁平风格的图片:logo、图标、印章、签名和绘图。原图颜色越少,矢量图越干净。

JPG如何变成矢量路径

JPG 是采用 1992 年 JPEG 方法压缩的像素网格;SVG 是 2001 年起成为 W3C 标准、由坐标和曲线描述的图形列表。两者之间无法直接转换,因此转换器采用描摹:把像素归并为有限的几种颜色,找出每个色块的边界,再沿边界拟合平滑曲线。

Inkscape 基于 Potrace 库的“描摹位图”,以及 Illustrator CS6 引入的“图像描摹”,原理都是如此。各工具的差别在于如何选取颜色,以及对噪点的平滑力度。这两点正是这里的颜色数量、细节和平滑所控制的。

JPG 还有自己的难题。该格式把图像分成 8 × 8 像素的块,并丢弃每块内部的细节,导致锐利边缘周围出现淡淡的光晕,描摹时会被当成多余的图形。因此本页将平滑默认设为 60,而不是常见的 50。

JPG转SVG时如何选择颜色数量

  1. 2

    单色 logo、镂空模板、刻字贴纸

  2. 4–8

    扁平 logo 和图标(默认 8)

  3. 16–32

    插画、卡通、徽章

  4. 64

    最大值;色调分离的照片

JPG转SVG能做什么、不能做什么

误区把 JPG 另存为 SVG,就能在任何尺寸下都清晰。

事实只有描摹出的路径才能无损缩放。仅仅嵌入 JPG 的 SVG,放大后和 JPG 一样模糊。

误区颜色越多,矢量图越好。

事实超过 16–32 种颜色后,多半只是增加细碎图形和文件大小;logo 用 4–8 种颜色更干净。

误区模糊的 JPG 也能变清晰。

事实描摹可以平滑锯齿边缘,但无法凭空生成 JPG 本来没有的细节。

让JPG标志描摹得更干净

建议避免
使用手头最大的 JPG,最好宽度在 1000 px 以上。描摹很小的缩略图,或截图的截图。
上传前裁掉边框和空白。给双色 logo 把颜色设到 64。
签名和手写笔记选择黑白。指望人像照片保留肤色。
贴纸和切割文件请开启去除背景。描摹前把 JPG 反复保存多次。

SVG 准备好后,几乎可以用于任何需要矢量图的地方。网页设计师可将其作为内联图标粘贴到页面中,标牌制作者可发送给绘图仪,手工爱好者可载入 Cricut Design Space。如果目标平台需要位图,例如只接受图片的商品页面,可用 SVG 转 PNG 导出任意尺寸的清晰副本。

对于更偏好 DXF 而非 SVG 的激光切割机和 CAD 软件,可用 JPG 转 DXF 描摹同一张 JPG,输出的轮廓格式可被 AutoCAD 和大多数激光软件读取。

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,调高平滑值可以弥补大部分差距。

将其他图片转为矢量图

PNG 转 SVGJPEG 转 SVG照片转 SVG
WebP 转 SVGAVIF 转 SVGPDF 转 SVG
JPG 转 DXF图片转 SVG