UltKit

图片转SVG

上传任意图片,得到由真实矢量路径构成的SVG:可无损缩放到任意尺寸,能在Illustrator或Inkscape中编辑,在Cricut上切割边缘干净,而不是把位图塞进SVG外壳里。

图片转 SVG

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

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

输出
10

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

使用方法

  1. 1

    上传图片

    支持 JPG、PNG、WebP、AVIF、HEIC、GIF、BMP 或 TIFF,最多 20 个文件,每个不超过 95 MB。也可以上传 PDF,并在 PDF 页面 中选择需要的页面。

  2. 2

    设置颜色和背景

    颜色数量 默认为 10,并且已开启 去除背景,适合大多数 Logo 和图标。签名和线稿请将 颜色模式 切换为 黑白。

  3. 3

    点击“矢量化”

    下载 SVG 文件或 ZIP 压缩包。上传的文件会在 30 分钟后删除。

答案

如何正确地将 img 图片转换为 SVG?

要进行描摹。本工具会找出图片中的边缘和色块,并将它们重新绘制为矢量路径,因此 SVG 缩放时不会模糊。把文件改名为 .svg,或把 JPG 嵌入 SVG 中,得到的并不是矢量图形。

图片转SVG:真正描摹,而非简单封装

SVG 于 2001 年成为 W3C 推荐标准,是一种描述图形的文本格式:路径、填充和描边都用坐标来表示。JPG 或 PNG 则正相反,是由彩色像素组成的网格。要把后者正确地变成前者,就需要描摹:把像素归并为相近颜色的区域,再沿区域边缘拟合曲线。

有些转换器会跳过这一步,直接把位图嵌入 SVG 文件。结果扩展名没错,但放大后会模糊,也没有可编辑或切割的图形。你在 UltKit 通用的图片格式转换中选择输出 SVG 时,就可以做这种嵌入式封装,如果页面模板只需要 .svg 扩展名,这样就够了。而对于 Logo、图标、印章和绘图,你需要的是真正的矢量图形,这个描摹工具生成的就是这种。

影响图片转SVG效果的设置

颜色模式和颜色数量
彩色 会把每个色块描摹为独立图形,支持 2 到 64 种颜色。灰度 对灰色调做同样的处理;黑白 则只使用一个阈值。
细节和平滑
细节 决定多小的斑点会被保留。平滑 会磨圆 JPG 压缩和低分辨率留下的锯齿边缘。
曲线
大多数图稿选 平滑曲线,几何形状的 Logo 选 直线,想特意保留像素画的方块感则选 像素边缘。
去除背景和仅轮廓
去除背景 会去掉与边缘相连的大块图形,让 Logo 悬浮在透明背景上。仅轮廓 会导出供机器使用的切割路径。

哪些图片文件可以转成SVG、EPS或DXF

from ↓ · to →SVGEPSPDFDXFAI
JPGJPG to SVG: yesJPG to EPS: yesJPG to PDF: yesJPG to DXF: yesJPG to AI: yes
PNGPNG to SVG: yesPNG to EPS: yesPNG to PDF: yesPNG to DXF: yesPNG to AI: yes
WebPWebP to SVG: yesWebP to EPS: yesWebP to PDF: yesWebP to DXF: yesWebP to AI: yes
GIFGIF to SVG: yesGIF to EPS: yesGIF to PDF: yesGIF to DXF: yesGIF to AI: yes
TIFFTIFF to SVG: yesTIFF to EPS: yesTIFF to PDF: yesTIFF to DXF: yesTIFF to AI: yes
PDFPDF to SVG: yesPDF to EPS: yesPDF to PDF: yesPDF to DXF: yesPDF to AI: yes
supported not offered任何输入格式都可以描摹为任何矢量输出格式。同时也接受 AVIF、HEIC 和 BMP;PDF 会逐页描摹。

适合与不适合转SVG的原图

建议避免
使用手头尺寸最大的图片版本指望照片转成矢量后还保持照片质感
有背景纯色的 PNG 时优先使用描摹 64 px 的缩略图却期待曲线干净
先裁掉边框、水印和多余的文字让 Logo 后面留着杂乱的背景
描摹颜色在 2 到 8 种之间的 Logo把 .png 改名为 .svg 就当作矢量图

图片转SVG常见问题

“图片转SVG”里的img指什么?

它是“任意图片文件”的简称,来源于在网页上放置图片的 HTML <img> 标签。搜索 img 转 SVG 的人通常手里有一张 JPG 或 PNG 格式的 Logo,想得到矢量版本。这里支持所有常见的位图格式。

能把.img磁盘镜像文件转成SVG吗?

不能。扩展名为 .img 的文件通常是磁盘镜像,即某个磁盘的逐字节副本(例如下载的 Raspberry Pi OS),里面根本没有图片。少数非常老的 .img 文件是 20 世纪 80 年代的 GEM 位图,请先用老式图形软件打开并另存为 PNG。

描摹得到的SVG能放在HTML的img标签里使用吗?

可以。目前所有主流浏览器都能通过 <img src="logo.svg"> 显示 SVG,并按 CSS 设置的宽度清晰缩放。建议保持开启 优化 SVG,让文件足够小,加载更快。

什么时候应该改用“黑白”加阈值?

适用于签名、印章、手写字和单色 Logo。比 阈值(默认 128)更暗的像素会变成黑色,其余部分消失,边缘最干净。如果细线条消失了,请调低阈值;如果图形显得斑驳,请调高阈值。

如何只生成轮廓线,用于绘图仪或刻字机?

在 高级设置 中勾选 仅轮廓。图形会以无填充的描边导出,绘图仪和切割机会把它们当作切割线。如果你的设备软件更适合 DXF,请在 转换为 中选择 DXF。

为什么描摹后的图片细节比原图少很多?

描摹本来就会做简化。调高 细节 可以保留细小的斑点和纹理;插画可以把 颜色数量 提高到最多 64。照片仍然会变成扁平、海报风格的色块,因为矢量图形无法还原连续的色调;效果可参考照片转 SVG。