UISeek 寻界

让每一张图片
清晰,不止于像素

将 PNG、JPG、WebP 转为 SVG,让素材清晰缩放。

了解处理流程

PNG / JPG / WebP · 最大 800 × 800 px · 不超过 100 KB

原始位图
折纸狐狸 PNG 原始位图
PNGPNG · 原始位图
矢量化结果
折纸狐狸 SVG 矢量化结果的 PNG 预览SVG
SVGSVG 结果 · PNG 预览

上传、转换、下载,三步完成

从选择图片到拿到 SVG,在一个工作页里完成。

01

选择你要转换的图片

在工作页点击上传或拖入 PNG、JPG、WebP。图片宽高均不超过 800 像素,文件不超过 100 KB。

02

自动分析并描摹图形

系统识别图片中的色块与轮廓,完成简化和路径生成。小图按原尺寸处理,大图保持比例缩小后追踪。

03

对比效果,下载 SVG

拖动滑杆查看原图与矢量结果,确认轮廓、颜色和透明区域,再下载 SVG,或从历史记录继续查看。

PIXELS TO PATHS

把一张图片,变成可以反复使用的设计素材

只有 PNG 或 JPG,也可以为图标和简洁插画准备矢量版本。UISeek 根据图片中的颜色区域和边缘生成 SVG 路径,让同一份素材更方便地用于不同尺寸的界面与设计。

PNG / JPG / WebP

位图用像素记录画面

PNG、JPG、WebP 由固定数量的像素组成。尺寸放大后,像素边缘和压缩痕迹会更容易被看见。

SVG

矢量图用路径描述形状

SVG 用路径与填色来描述图形。转换后可以按需要调整显示尺寸,也可以在支持 SVG 的矢量编辑器中继续处理。

BUILT FOR YOUR ASSETS

把重复描摹的工作,交给转换流程

从轮廓追踪到结果预览,围绕日常图标和界面素材的处理需要,让已有图片更方便地进入后续设计与开发。

自动追踪图形轮廓

依据位图中的边缘和颜色区域生成矢量形状,为图标、标志和简洁插画准备可继续调整的路径基础。

简化色块与路径

在处理时合并近似颜色、简化轮廓,减少零碎图形。复杂纹理和很小的细节可能随简化发生变化。

保留透明区域

尽量还原图片中的透明背景与色块边界,让素材更方便地放进不同界面背景。半透明边缘建议单独检查。

保持比例与输出尺寸

非正方形图片按比例处理,避免拉伸;生成的 SVG 标称宽高与原图一致,方便替换原有素材。

对比后再做决定

在工作页拖动对比滑杆,检查原始位图与转换结果的差异,重点查看小字、尖角和细线等关键位置。

从历史记录继续

已完成的处理记录可以重新打开,查看原图与结果、再次下载 SVG,方便在后续工作中找回素材。

MADE TO BE REUSED

让一份素材,出现在更多设计里

从网页图标到演示插画,为手边已有的图片准备更灵活的版本。

WEB & APP

网页与应用图标

把独立的小图标、功能符号和导航图形转换为 SVG,方便适配不同组件尺寸,并与页面布局一起使用。

导航图标 / 功能入口 / 状态符号
BRAND ASSETS

标志与品牌图形

从已有的位图标志开始,追踪主体轮廓。下载后可在矢量编辑器中检查细节,为后续排版和素材整理做准备。

图形标志 / 品牌符号 / 简洁徽章
ILLUSTRATION

插画与界面装饰

为色块明确的角色、贴纸和装饰图形生成矢量版本,在不同页面中调整尺寸,延续统一的视觉风格。

空状态插画 / 角色贴纸 / 装饰元素
PRESENTATIONS

演示与内容排版

在支持 SVG 的演示和排版工具中使用转换结果,为讲解图示、封面和说明页面安排合适的素材尺寸。

演示图示 / 封面图形 / 说明配图

边界清楚、色块明确的图片,通常表现更好

优先选择图标、标志和简洁插画。照片、复杂渐变、细密纹理或很小的文字更容易出现拟合误差。矢量化能改变图形的表达方式,不能补回原图中缺失的细节。

使用清楚的原始素材

优先使用清晰、完整的图片,避免反复截图和过度压缩。细线、文字与图形主体应尽量容易辨认。

提前整理尺寸与主体

在上传前裁去无关区域和多余留白,并确认图片宽高均不超过 800 像素、文件不超过 100 KB。

留意背景与压缩噪声

有透明背景的素材可优先使用 PNG。JPEG 边缘噪点、阴影和复杂纹理可能被追踪成额外色块。

在实际使用尺寸下检查

对比整体轮廓,再检查小字、细线和透明边缘。把下载的 SVG 放到目标背景中,确认效果符合需要。

12 个常见问题

关于图片矢量化,你可能还想知道

从文件格式到结果编辑,先了解这些常见问题。

如何在线将 PNG、JPG 或 WebP 转成 SVG?

点击“开始矢量化”,登录后进入工作页。上传宽高均不超过 800 像素、文件不超过 100 KB 的 PNG、JPG 或 WebP。处理完成后,拖动滑杆对比原图与结果,再下载 SVG。

矢量化和把图片放进 SVG 文件,有什么区别?

矢量化会根据图片内容追踪轮廓,用路径与填色重新描述图形。把位图嵌入 SVG 只是换了文件容器,其中的图片仍然由像素组成;直接更改扩展名也不会生成矢量路径。

透明 PNG 转 SVG 后会保留透明背景吗?

工具会尽量保留透明区域、色块与轮廓。边界清楚的透明图标通常更合适;半透明、柔和阴影和抗锯齿边缘可能产生拟合误差,建议在浅色与深色背景下分别检查。

模糊图片转成 SVG 后,能恢复原本的细节吗?

不能保证。转换会用矢量形状近似已有像素中的轮廓和色块,但无法准确补回原图里不存在的信息。模糊文字、低分辨率细线和很小的装饰图形尤其需要人工核对。

哪些图片适合转换?照片和 AI 生成图也可以吗?

优先选择图标、标志、色块插画等边界清楚的图片。AI 生成的素材是否合适,也取决于它的画面结构。照片、复杂纹理和连续渐变可以尝试,但转换结果可能有明显简化。

支持哪些输入格式和输出格式?

目前支持上传 PNG、JPG/JPEG、WebP,下载 SVG 矢量文件。首页右侧使用 PNG 展示矢量化结果的预览,工作页实际下载的文件为 SVG。

图片尺寸和文件大小有什么限制?

单张图片的宽、高均不能超过 800 像素,文件大小不能超过 100 KB。上传前可裁去无关区域、适当缩小或压缩;建议同时检查文件体积与像素尺寸。

小图会先被放大吗?大图会怎样处理?

小图按原尺寸追踪,不会先放大。大图保持长宽比,缩至最长边不超过 200 像素后再处理,以控制噪声和路径复杂度;非正方形图片不会被拉伸成正方形。

下载的 SVG 宽高是多少?

SVG 的标称宽高与原图一致,可以在使用时另行缩放。路径来自处理后的图片,恢复输出尺寸不会恢复在缩小或轮廓简化中丢失的细节。

转换结果还能修改颜色和形状吗?

下载后,可以在支持 SVG 的矢量编辑器中继续修改路径和填色。修改的便利程度取决于图形结构与所用软件,复杂素材可能需要先整理路径。本站工作页提供预览、对比与下载。

SVG 文件一定比原来的 PNG 或 JPG 更小吗?

不一定。SVG 体积与颜色数量、轮廓复杂度和路径数量有关。简洁图标可能很紧凑,纹理丰富的图片则可能生成更大的文件。选择格式时,应结合显示效果、编辑需求和加载体积判断。

需要安装软件吗?以后还能找回结果吗?

无需安装桌面软件,使用浏览器并登录后即可进入工作页。可以在自己的历史记录中重新打开已完成的转换,预览结果或再次下载 SVG。

下一张图片,试试用矢量的方式打开

准备一张图标、标志或简洁插画,上传后查看它的 SVG 版本。