图片转 SVG:如何准备一张更好的线稿
2026/09/12

图片转 SVG:如何准备一张更好的线稿

图片转 SVG 的效果,很大程度取决于原图。本文讲清怎样拍摄、裁切和清理手绘线稿,让它转出真实可调的 SVG 描边,而不是一块块填充。

在纸上画好一张草图,用手机拍下来,想把它变成 SVG。图片转 SVG 这一步最容易让人头疼:阴影变成灰色色块,铅笔辅助线被当成正式线条,马克笔描的一根线,转出来却是两条平行的边。这些问题,大多在你点下“生成”之前就已经决定了,关键就在你上传的那张图。

下面讲讲怎样准备原图,让转换结果尽量是干净、真实、之后还能继续调整的描边。

快速回答: 正面、光线均匀地扫描或拍摄,裁到只剩画面,擦掉辅助线和污渍,保持白底黑色细线。细而对比强的线会转成真实的 SVG 描边;粗线和实心区域会保留为填充形状。

LineSVG 是怎样“看”你的图的

先了解转换的逻辑,准备起来更有方向。LineSVG 对上传图片做忠实描摹,也就是尽量保留图里原有的东西,而不是重新画一张:

  • 细线稿会转成真实描边。 描边可以理解为“带粗细设置的线”,生成后能用滑块修改线宽、颜色和虚线。
  • 粗线和实心图形保持填充。 很粗的马克笔线或涂满的色块,会变成封闭的填充轮廓,这种图形没有“线宽”可调。

所以准备原图的目标很明确:想保留的线,都让它看起来细、匀、黑;不想要的东西,统统去掉。

作为输入的位图叶子插画

作为输入的一张位图叶子插画。

同一张叶子转换后的 SVG,94% 为描边

转换结果:干净的细线输入,得到 94% 的真实描边。

先避开这几个常见问题

大部分转换效果差,都能归到下面几类,花几秒就能检查出来:

  • 斜着拍。 透视会把画面一侧拉长,比例随之变形。
  • 纸面有阴影。 手或手机挡住光线,留下的灰色过渡可能被当成画面内容。
  • 辅助线没清理。 起稿时的淡铅笔线,可能一路保留到最终文件里。
  • 裁得太紧。 线条端点被切掉,SVG 边缘会留下半截线头。
  • 线条太粗。 粗马克笔线本质上是一块填充形状,忠实描摹时可能把线的两侧边缘都描出来,也就是常说的“双线”问题。

粗线图标被描成两条平行边

粗线被描成描边时,可能沿每条线的两侧各走一遍,形成双轮廓。

如果你本来就想要粗线风格,用来做贴纸、刻字膜或标志完全没问题,只是它会表现为“形状”而不是“线”。为什么切割机和绘图仪会走双线一文对这个现象有更详细的解释。

按步骤准备原图

原稿留着别动,在副本上操作:

  1. 平着拍。 有扫描仪就用扫描仪。没有的话,把纸放在靠窗的桌面上,手机与纸面平行,从正上方拍。很多手机备忘录自带“扫描文稿”功能,能自动拉正纸面。
  2. 光线要均匀。 别只用一盏台灯从侧面照。阴天的自然光,或左右两侧各一个光源,效果都不错。
  3. 裁到画面本身。 去掉桌面、本子边缘和无关的涂鸦,四周留一点白边,避免切到线头。
  4. 清理纸面。 在副本上擦掉辅助线和污渍,或者在修图软件里用白色画笔涂掉。
  5. 适度加对比度。 让底色接近纯白、线条接近纯黑。相邻细线开始粘连时就停手。
  6. 能勾线就勾线。 用 0.3 到 0.5 mm 的针管笔沿铅笔线描一遍,边缘比软铅笔干净得多。
  7. 导出合适的文件。 保存为 PNG、JPG 或 WebP,不超过 20 MB。压缩后放大看看,确认细线依然清晰。

转换之后,这样检查

打开草图转 SVG,上传处理好的图片。生成前先选输出类型:想后期改风格选线条可调;要上激光切割机或刻字机,选切割轮廓。SVG 会实时流式绘制到画布上,等它画完再下判断。

完成后,LineSVG 会标注结果中真实描边的占比,例如“Editable lines · 92%”或“Contains filled shapes · 20% lines”。先看这个标签,再依次检查:

  1. 外形与比例是否和原画一致。
  2. 连接处:枝干、零件、轮廓相交的地方有没有断开。
  3. 断点和重复线,尤其是原图里最粗的那几根线。
  4. 线宽:拖动线宽滑块,线变粗说明是真实描边;没有变化的部分就是填充。
  5. 最终尺寸:按实际打印、切割或展示的尺寸看一遍。

如果结果里完全没有描边,会出现重绘为线条按钮。它不再描摹,而是把图片重新画成线稿,消耗的积分和文字生成相同,对细线输入效果最好。想弄明白线宽为什么有时改不了,可以读SVG 是矢量,为什么线宽还是改不了。

根据用途决定下一步

  • 插画或印刷: 调好线宽和颜色,下载 SVG 或 PNG。
  • 绘图仪或 Cricut 笔绘: 在“线条可调”下打开纯线条(机器用),确保没有任何填充元素。
  • 激光切割、刻字膜、贴纸: 选“切割轮廓”,得到封闭、连通的形状。
  • 保留多个方案: 把修改另存为“我的作品”中的新版本,方便对比。

从最干净的那张画开始

花几分钟裁切和清理,比事后修一张乱糟糟的转换结果省事得多。把草图放进草图转 SVG试试;已经是完成的位图插画,用图片转 SVG;原图是照片而不是手绘,就用照片转线稿。