真正的矢量路径,准确度以数字呈现
搜索这个词,大多数你找到的工具其实并没有进行矢量化。它只是把你的PNG编码为base64,然后包裹在SVG外壳的image标签里再返回给你。扩展名变了,像素却没变。放大后依然会像原PNG一样模糊,用Illustrator打开也无法编辑。只需十秒钟就能验证:用文本编辑器打开文件。如果你看到一大堆base64代码,那你拿到的只是个重命名文件。
这个工具实际生成的内容
是形状。追踪器会识别你图片中的边缘,并将其写成按颜色分组的真实SVG路径元素,这样你可以无限缩放结果,并在Illustrator、Figma或Inkscape中编辑每一条曲线。对于一个267×87像素的双色logo,输出文件包含8个路径元素,文件中没有任何base64,且两种源颜色都以精确的十六进制值保留。SVG尺寸同样为267×87,因此可以直接替换原PNG插入页面。
准确度是测量出来的,不是主观宣称
每个结果都有一个保真度分数,这不是估算。你的SVG会被重新渲染为像素,并与原图逐像素对比,得出的百分比就是你看到的分数。双色logo得分99.5。在标准测试集中,每个纯色文件都能得99分以上,其中有三个文件精确达到100.0。一个实际生产用logo(透明底的红白字标)追踪后得分99.7,生成一个9.5 KB、3色层、19路径的文件。
为什么追踪的logo常常看起来不对,以及这里的改进
反锯齿是大多数追踪器在每个字母周围产生斑点光环的原因。边缘的柔和色调并不是设计中的颜色,而是模糊。若追踪器把它们当颜色处理,就会忠实地把模糊也追踪出来。这里的颜色是在图片原始分辨率下检测的,这些色调会被识别为边缘模糊并被折叠去除,而不是变成新的形状。另一个常见缺陷是相邻颜色之间出现发丝般的缝隙,表现为画面中细细的亮线。这里的色层是重叠构建的,因此不会出现这些缝隙。
透明度,以及通常会毁掉透明的轮廓
低于半透明度的像素会被视为背景,并从所有追踪形状中排除,因此SVG会在PNG原有的透明区域保持透明。更难处理的是边缘:大多数追踪器会在透明logo周围留下一圈1像素的背景色,这在白底下看不见,但一旦放到深色页面上就很明显。这里采用了印刷领域的“套印”技术来移除这圈边缘:每个色层只在与透明区域接壤的地方向外扩展1像素,从而覆盖边缘而不影响图形内部的轮廓。
小尺寸和略微模糊是常态
大多数需要矢量版的人手里并没有干净的原始文件,只有多年前导出的一个小PNG。这正是本引擎针对的情况:小尺寸、带反锯齿的图片会在追踪前先被放大,这样追踪器能获得亚像素级的边缘信息,使曲线能更贴合设计师原本绘制的形状,而不是小图的锯齿。267像素的logo会被以1024宽度追踪,结果文件中会注明这一点。需要说明的是,追踪只能还原像素中仍然存在的信息。30像素的favicon对自身曲线的信息非常有限,无法凭空生成未曾保存的细节。
照片也能追踪,但工具会提醒你不建议这样做
照片本身没有可以重新发现的形状。它是连续色调,因此追踪只能生成一种海报化的近似效果:作为艺术风格很有趣,但并不适合复制原图。准确度评分让这一点无法掩盖。一张连续色调的测试图片得分95.4,而纯色logo为99.5。logo只需2色层8路径,而照片则需要16色层9899路径。结果文件还会提示该图片为连续色调,PNG才是最忠实的格式。如果你想要海报化的效果,可以自行设置颜色数量。
彩色,或纯黑白
默认情况下,调色板会自动从你的设计中检测,因此双色logo会被追踪为两层干净的色块,而不是两层加上一圈伪装成颜色的反锯齿色调,更复杂的作品最多可保留16种颜色。你可以自行设置颜色数量,范围从2到32:数量少更简洁、更具风格化,数量多则更接近原色。对于扫描签名、印章和线稿,有专门的黑白模式,可以自动从图片直方图中选取阈值,或由你手动输入1到254之间的数值,最终输出一张透明底的清晰黑色线稿。
你的文件会如何处理
多张图片用相同设置追踪后,会以原文件名打包成一个ZIP文件返回。文件通过加密连接传输,结果生成后一小时内会从服务器删除。
你将获得
- 按颜色分组的真实SVG路径元素,可在任意矢量软件中编辑
- 每个文件都有实际测量的保真度百分比,而不是“高质量”的口头承诺
- 反锯齿被折叠去除,不会追踪成斑点光环
- 透明度完整保留,1像素背景边缘通过套印技术移除
- 自动调色板检测、可自定义颜色数量,以及线稿专用黑白模式
- 无需注册,无水印,文件一小时后从服务器自动删除
接下来可以做什么?
需要反向操作,把矢量图转回像素图用于上传表单或邮件?SVG转PNG可按任意尺寸渲染。准备发布追踪后的文件前,压缩SVG可去除编辑器冗余信息,压缩PNG则适用于你要保留的原始位图。