图片转 SVG 矢量
Image to SVG
把位图描摹成 SVG 路径,适合 logo 和线稿,不适合照片。
描摹把图片色调分离成少数几种纯色,再沿每个区域的边界走出一条路径。这在 logo、图章或线稿上行得通;在照片上它产生成千上万条比原文件还大、看起来更糟的路径。
把 logo 或线稿放到这里
纯色的画能描摹得干净,照片不行。
怎么用
拖入纯色素材
扫描的 logo、签名、只剩 PNG 的图标——矢量是丢了而不是从来没有过的那些情况。
设颜色数
黑白标志用两种,只有素材确实有更多纯色时才加。每多一种颜色就多一层路径。
提高最小区域面积去掉斑点
扫描件到处都是颜色错误的孤立像素。小于这个面积的区域被并入周围,而不是变成路径。
看路径数
描摹出的 logo 是几十条路径。超过三百条左右页面会说,因为那是照片而不是素材的特征。
常见问题
为什么我的照片描出来这么糟?
因为没有区域。照片是连续的渐变,色调分离会发明出原本不存在的边界,每一条都变成路径。输出比 JPEG 更大也更不准确。
描出来的 SVG 会和原图完全一致吗?
不会。边界是沿像素网格走的,所以原图里平滑的曲线回来是一条带轻微阶梯的多段路径。它是一次重建,不是找回当初被栅格化的那个矢量。
结果该怎么处理?
过一遍 SVG 优化——描摹出的文件精度超过所需——如果它要成为长期资产,做好在编辑器里整理路径的准备。
可以从这些接进来
接下来
这些工具吃得下当前工具的产出,结果可以直接送过去。
SVG 优化压缩
SVG Optimiser
清掉编辑器留下的冗余、合并变换、缩减路径精度,并把渲染结果并排对比。
SVG 路径编辑器
SVG Path Editor
在绝对和相对命令之间转换路径数据,做平移、缩放、旋转和方向反转,并显示包围盒和实时预览。
SVG 转 PNG
SVG to PNG
按任意倍率把 SVG 渲染成 PNG、JPEG 或 WebP,背景可透明也可填色。
图片抠图去背景
Background Remover
在 OKLab 色彩空间中抠掉纯色或均匀背景,输出透明 PNG,并可用画笔修补边缘。
EXIF 信息清除
EXIF Remover
删掉照片里的相机、GPS 和编辑记录等元数据,像素本身分毫不动。
Favicon 网站图标生成
Favicon Generator
一次生成整套图标——ICO、各尺寸 PNG、苹果触摸图标、web manifest——外加可直接粘贴的 HTML。