SVG.LA

图片转 SVG

把位图转换为可编辑的 SVG 路径。上传标志、图标或简洁插画,在 Studio 中完成矢量化并调整结果。

PNG、JPEG、WebP、GIF最大 10 MiB可编辑的 SVG 路径
PNG、JPEG、WebP 或 GIF · 最大 10 MiB

请先上传或选择一张图片,再转换为 SVG。

图片转 SVG
请先上传或选择一张图片,再转换为 SVG。

支持 PNG、JPEG、WebP、GIF,最大 10 MiB。生成需要登录账户并消耗积分。

图片转 SVG:两种原图的效果对比

通过这些成对示例,可以观察透明区域、线条粗细与填充区域。不同原图会带来不同的细节取舍。

原始 PNG
透明 PNG 画布上的蓝色与青色火箭,带橙色火焰
SVG 转换结果
火箭描摹后的 SVG,展示彩色机身、尾翼与火焰

描摹简洁的彩色插画

火箭使用透明背景和少量颜色。可以对比描摹结果中的尾翼、弧形机身与火焰。

功能介绍

什么是图片转 SVG?

图片转 SVG 将位图中的可见形状转换为矢量路径。当你需要可编辑、可缩放的现有图形时,可以使用这一流程,而不只是把原位图嵌入 SVG 文件。

从现有作品开始

上传已有图片作为矢量化来源。清晰的边缘与简单背景更有利于获得方便调整的初稿。

把像素转成路径

矢量结果使用路径描述形状,可以检查和编辑,但可能会简化原图中的部分细节。

继续完善转换结果

在 Studio 中查看 SVG,调整路径与配色,再用于你的项目。

图片转 SVG 的工作流程

在同一个 Studio 工作区上传、矢量化并完善图片。

支持常见图片格式

上传不超过 10 MiB 的 PNG、JPEG、WebP 或 GIF,尽量选择清晰的原始文件。

输出可编辑的矢量图

转换后继续处理 SVG 路径与填充颜色,清理形状或更新配色。

导出 SVG 文件

下载矢量结果,用于网页布局、设计文件以及其他支持 SVG 的工作流程。

哪些素材适合图片转 SVG?

与细节丰富的照片相比,边界清晰的简单图形通常需要更少的后期整理。

扁平标志与徽章

将简洁的位图标志或徽章重建为可编辑形状,再检查细小元素与文字。

图标与线稿

将清晰的符号或轮廓转成矢量路径,便于调整颜色、比例和显示尺寸。

简洁插画

将配色有限的插画转换成路径,继续完善后用于网站或设计项目。

如何使用图片转 SVG

准备原图,生成路径,再到 Studio 中完成细节。

选择图片

上传不超过 10 MiB 的 PNG、JPEG、WebP 或 GIF。清晰、裁切合理、背景简单的原图更适合作为起点。

在 Studio 中矢量化

携带上传的图片进入 Studio,登录账户,并在开始转换前查看所需积分。

检查并导出

对比预览与原图,调整矢量路径,再下载完成的 SVG。

转换前后的检查要点

原图质量和最终用途,会影响矢量化结果需要整理的程度。

先准备清晰的原图

优先使用原始文件,裁去无关物体与多余空白,保留完整轮廓。背景需要简化时,请先在图片编辑器中处理。压缩噪点和模糊边缘可能变成多余形状;单纯放大模糊图片不能找回细节。透明原图可参考 PNG 转 SVG 中的边缘检查方法,先找出白边与半透明残留。压缩过的来源可参考 JPG 转 SVG,了解光晕与背景噪点为何可能变成多余路径。

明确需要保留的特征

先决定轮廓、内部镂空和哪些颜色最重要。可以补充“保留鸟的轮廓与蓝色强调,简化羽毛纹理”这样的说明。小图标与大徽章对细节的要求不同,清晰表达用途更便于取舍。

原始 JPG
原始 JPG 中的深蓝色嫩芽与叶片线稿
SVG 转换结果
植物线稿及其背景描摹后的 SVG

检查细线条与背景

植物线稿在暖白色画布上使用深蓝色线条。留意描摹如何处理叶片曲线以及周围的背景区域。

理解像素与路径的差别

位图记录像素,SVG 描述几何形状。保留细微色差可能增加路径,简化则可能改变外观。照片、柔和阴影与连续渐变容易变成分散色块;需要原有质感时,应对照原图判断结果是否适合。

检查轮廓与实际尺寸

放大检查曲线、转角、镂空和颜色交界,留意杂点、合并的间隙与变形文字。再按目标尺寸查看可读性,调整后下载并在使用软件中确认。矢量缩放会保留几何形状,也会保留尚未修正的缺陷。

常见问题

图片转 SVG 常见问题

了解上传要求、矢量效果和转换过程。

支持上传哪些图片格式?

上传入口支持 PNG、JPEG、WebP 和 GIF。形状分明、画面清晰的图片通常更便于后续调整。

图片最大可以上传多大?

每张图片最大为 10 MiB。文件过大时,请先缩小或压缩,同时尽量保持边缘清晰。

转换后是真正可编辑的路径吗?

是。此流程从图片生成矢量路径,而不是仅把位图包在 SVG 文件中。你可以在 Studio 中检查形状并继续修改。

复杂照片也能转成 SVG 吗?

可以上传照片,但矢量化可能简化细小纹理、渐变和局部细节。标志、图标和扁平插画通常更适合生成实用的可编辑矢量图。

SVG 会与原图完全一致吗?

转换是一种近似重建,复杂细节可能发生变化。SVG 路径放大时不会出现位图像素块,但放大无法恢复矢量化时省略的细节,使用前请检查效果。

图片转 SVG 需要账户或积分吗?

可以先在此页面准备上传。到 Studio 中生成 SVG 时需要登录账户并消耗积分,请在开始前查看当前消耗。