图片转黑白线稿与填色卡 在线线稿提取与按数字填色制作工具
本工具可将JPG、PNG、BMP、WebP、GIF等图片一键转换为黑白线稿SVG或按数字填色线稿（Paint by Numbers），解决照片难以直接用于手绘临摹、涂色游戏、教学素材的问题。黑白线稿模式支持边缘检测与直接二值化两种提取方式，并可调边缘强度、二值阈值与去噪点；填色卡模式会自动量化颜色、生成区域轮廓并标注色号数字，可调颜色数量、最小区域与线宽。所有运算均在浏览器内完成，图片无需上传服务器，支持批量转换与打包下载。
图片转黑白线稿 SVG
请上传图片开始转换 (最多20张)
图片转黑白线稿与填色卡工具介绍
本工具是一款把普通照片转换为黑白线稿或按数字填色线稿的在线工具，也就是常说的 coloring page generator。黑白线稿模式通过边缘检测或二值化提取图像轮廓，再用 Potrace 算法追踪并生成平滑的SVG矢量路径；填色卡模式则先对图像做颜色量化，再对每个色号区域做连通域分析，生成带编号的填色底稿。所有运算均在浏览器本地完成，图片无需上传至服务器。
按数字填色（Paint by Numbers）是一种将图像拆分为多个色块并为每个色块编号的绘画方式，玩家只需按照数字找到对应颜色进行填涂，即可完成一幅画作。本工具会自动完成颜色聚类、轮廓提取与编号标注，可直接用于打印涂色、儿童绘画启蒙、像素画创作或教学素材制作。
调节参数说明：黑白线稿模式下，边缘检测方式通过Sobel算子提取轮廓线，边缘强度控制保留的线条数量；直接二值化方式将图像按亮度阈值分为黑白两色，二值阈值控制分界点；去噪点用于过滤细小杂色。填色卡模式下，颜色数量控制色号总数，最小区域过滤过小的碎片色块，线宽控制轮廓线粗细。所有参数变化后，已完成的图片会自动重置为待转换状态。
线稿提取与填色卡相关知识
黑白线稿与填色卡的原理
黑白线稿的核心是轮廓提取与矢量追踪。工具首先将图像转换为灰度图并进行高斯模糊降噪，然后用Sobel算子计算每个像素的梯度幅值，超过阈值的像素判定为边缘；或者直接根据亮度阈值做二值化。接着用Potrace算法追踪二值图的闭合轮廓，将其转换为平滑的贝塞尔曲线路径，最终输出SVG。
填色卡的原理则是在轮廓提取前增加一步颜色量化。工具用中位切分算法把图像的颜色聚类为指定数量，对每个色号生成独立的二值蒙版，用Potrace分别追踪轮廓并叠加为线稿，同时用连通域分析定位每个色块的内部，在中心位置标注色号数字。
处理流程大致分为以下步骤：
- 图像解码 - 读取图片像素数据，必要时降采样以保证性能
- 灰度转换 - 用加权公式将RGB转为灰度（仅线稿模式）
- 颜色量化 - 用中位切分算法聚类为指定数量的颜色（仅填色卡模式）
- 边缘检测 - Sobel算子或二值化，生成黑白轮廓图
- 轮廓追踪 - Potrace算法提取闭合路径并转换为贝塞尔曲线
- 编号标注 - 连通域分析定位色块中心，写入色号数字（仅填色卡模式）
- SVG生成 - 合成路径与文字，输出完整SVG文件
黑白线稿与填色卡适用场景与替代方案
1. 儿童涂色与绘画启蒙
将孩子喜欢的照片转换为线稿或填色卡，打印后即可涂色，适合家庭亲子活动和幼儿园美术课。
2. 手绘临摹与素描练习
把复杂照片简化为轮廓线条，便于初学者把握形体结构，是临摹练习的实用素材。
3. 刺绣、烫画与雕刻底稿
矢量线稿可无损缩放，可直接用于刺绣描图、热转印烫画、激光雕刻等需要精确轮廓的场景。
4. 教学素材与互动游戏
填色卡可制作成按数字填色的互动游戏，用于色彩认知教学或减压涂色练习。
5. 其他线稿方案
除了本工具外，还可以使用Adobe Illustrator的"图像描摹"、Inkscape的"位图转路径"、或Potrace命令行工具。专业用户也可使用Photoshop的"查找边缘"滤镜配合阈值调整。本工具的优势在于免费、无需安装、双模式切换、支持批量处理。
图片转黑白线稿与填色卡使用说明与事项
使用步骤
第一步：上传图片。点击上传区域或直接拖拽图片到网格区域，支持PNG、JPG、JPEG、BMP、WebP、GIF等常见格式。单次最多可上传20张图片，图片会自动缩放至800px以内进行处理。
第二步：选择模式并调整参数。上传后在底部控制栏切换模式，并根据需求调整参数：
- 黑白线稿 - 提取方式：边缘检测适合照片和复杂图像，能保留主要轮廓；直接二值化适合线稿、图标和高对比度图像，输出更干净。
- 黑白线稿 - 边缘强度（10-120）：数值越小保留的线条越多，细节越丰富；数值越大线条越少，画面越简洁。推荐值40。
- 黑白线稿 - 二值阈值（0-255）：控制明暗分界点，数值越小保留的暗部越少。推荐值128。
- 黑白线稿 - 去噪点（0-20）：过滤细小杂点，数值越大画面越干净但可能丢失细节。推荐值2。
- 填色卡 - 颜色数量（3-12）：控制色号总数，数量越多颜色层次越丰富，但色块也越碎。推荐值6。
- 填色卡 - 最小区域（10-2000）：过滤面积过小的色块，避免出现大量碎片。推荐值200。
- 填色卡 - 线宽（0.5-4）：控制轮廓线粗细，打印建议1.5以上。推荐值1.5。
第三步：转换并下载。点击"转换"按钮开始处理，转换完成后可点击"查看结果"预览SVG效果、复制SVG代码或下载文件。单张时直接下载SVG，多张时自动打包为ZIP。填色卡模式下，转换完成后底部会显示当前使用的色板。
注意事项
- 图片尺寸限制：过大图片会自动降采样至800px以内处理，无需手动调整原图。
- 参数变化重置：调整参数后，已完成的图片会自动重置为待转换状态，需重新点击转换。
- 转换耗时说明：填色卡模式需要对每个色号分别执行轮廓追踪，颜色数量越多耗时越长，建议先少量试转再批量处理。
- 色号标注规则：只有面积大于"最小区域"的色块才会显示色号数字，数字位置会自动选择色块内部最靠里的点，避免压线。
- 透明背景处理：PNG等格式的透明区域会被填充为白色后再处理，如需保留透明请使用其他工具。
- 最佳实践建议：线稿推荐边缘检测+强度40+去噪2；填色卡推荐颜色数量6+最小区域200+线宽1.5。
图片转黑白线稿与填色卡常见问题
黑白线稿只输出纯黑白的轮廓线条，适合临摹、雕刻底稿和印花使用；填色卡在此基础上会先做颜色量化，再把每个色块用轮廓线分割并标注色号数字，适合按数字填色的涂色游戏或互动素材。
边缘检测用Sobel算子提取梯度变化明显的轮廓，适合照片和复杂图像，能保留主要结构线；直接二值化按亮度阈值硬分黑白，适合线稿、图标、高对比度图像，输出更干净、文件更小。建议先试边缘检测，不满意再切二值化。
填色卡需要先量化颜色，再对每个色号分别生成蒙版、追踪轮廓、做连通域分析并标注数字，颜色数量越多耗时越长。建议先用较少颜色（如6色）试转，确认效果后再批量处理。
工具对每个色号的二值蒙版做连通域分析，得到每个独立色块，只有面积大于"最小区域"参数的色块才会标注。数字位置通过距离变换算法选择色块内部距离边界最远的点，确保数字不会压在轮廓线上。
线稿模式下可提高"边缘强度"或"二值阈值"减少线条数量，提高"去噪点"过滤杂点；填色卡模式下可减少"颜色数量"或提高"最小区域"合并碎片色块。建议逐步微调，不要一次调太多。
不会。图片只在您的浏览器中读取和处理，SVG在本地生成，关闭页面后不会保留任何数据，也无需注册或登录。