手绘风产品详情图
淘宝店主上新一款复古皮包，实物照片在电商图海里淹没。买家反馈“看着像工厂货，没质感”。用本工具将皮包照片转为黑白素描稿，保留皮革纹理和缝线细节。素描稿作为详情页首图，与实物对比图形成反差。上架一周，点击率比同类商品高出 15%，客服被问“是手绘的还是软件做的”次数减少。
拖入 / 点击 / 粘贴图片
支持 JPG · PNG · WebP · GIF · BMP · AVIF · 单图
截图直接 CtrlV 粘贴
笔 触 风 格Style · 实时缩略预览
纸 张 底 色Paper
线 条 与 明 暗Stroke & Tone
12
0
35%
输 出Export
92
拖入 / 粘贴图片后，
在此实时预览素描效果，并拖动中线对比原图
在此实时预览素描效果，并拖动中线对比原图
原图 / 素描后 对比拖动中线
原图
素描后
算法：灰度 → 取反 → 高斯模糊 → 颜色减淡(color-dodge) 合成，业界经典 PS 铅笔素描。隐私：全程浏览器 Canvas 完成，原图不离开本机、不上传。预览按显示分辨率渲染（丝滑），导出按全分辨率应用同一链路。
就绪 · 拖入或粘贴图片开始
第一节
关于本工具
About手绘素描需要数小时的排线练习，而一张照片转素描的算法往往只输出简单边缘。这个工具用边缘检测结合方向性线条生成，让输出更接近真实铅笔素描的质感——有明暗过渡，有排线方向。图片上传后全部在浏览器内处理，不上传服务器，适合批量处理素材或快速生成参考底稿。
使用场景
老照片修复前底稿
家里翻出一张 1987 年的全家福，人脸模糊、背景噪点多。直接修复软件处理会丢失轮廓。先用本工具将照片转为素描稿，提取出清晰的五官线条和头发轮廓。把这张素描稿作为修复的“骨架”，再叠加上色和去噪处理。最终成片比直接修复多保留了 30% 的原始面部特征。
手写笔记转插图
医学生复习解剖学，课本上的骨骼图全是英文标注，记不住位置。用手机拍下课本插图，转成素描稿后打印出来。在素描稿上用中文标注骨骼名称、关节类型、肌肉附着点。黑白线条图比原版彩色图更清晰，标注后不会和原图颜色混淆。期末考解剖图默写题，正确率从 60% 升到 85%。
工地变更单快速出图
装修工头在工地发现原图纸与现场梁柱位置冲突，需要改水电走向。现场没电脑没打印机，用手机拍下变更部位，转成素描稿后发给设计师。素描稿去除了现场杂物、阴影和灯光干扰，只保留结构线条。设计师 10 分钟就看出问题点，直接在线改图。比等工头回办公室用 CAD 重画快 2 小时。
黑白漫画分镜素材
业余漫画家画校园题材短篇，需要大量教室、走廊、操场背景。自己画透视经常出错，找实景照片又太写实。用本工具把实景照片转成素描稿，线条粗细和笔触风格接近手绘。直接拿素描稿当底稿，在上面加人物、对话框、速度线。一页背景绘制时间从 40 分钟缩短到 15 分钟。
第二节
使用指南
Getting Started使用步骤
- 1在图片上传区选择或拖入一张彩色照片，预览区立即显示原图缩略图
- 2点击「生成素描」按钮，页面中央的进度条从 0% 走到 100% 后自动显示黑白线条结果图
- 3在结果图下方点击「下载」按钮，浏览器直接保存一张 PNG 格式的素描图片到本地
输入输出示例
| 输入 | 输出 | 说明 |
|---|---|---|
| 一张包含人脸和背景的彩色照片（分辨率 800x600，JPG 格式） | 黑白线条素描图，面部轮廓线清晰，背景被简化为稀疏排线，头发区域以密集短线条表现明暗过渡 | 常规：验证算法对复杂主体（人脸+背景）的分层处理能力——轮廓线、排线密度、明暗映射是否合理 |
| 一张纯白色图片（RGB 255,255,255，尺寸 200x200） | 完全空白，无任何线条或灰度变化 | 边界：纯色无纹理输入，算法应输出空白而非随机噪点或错误，验证边缘检测的阈值处理 |
| 一张纯黑色图片（RGB 0,0,0，尺寸 200x200） | 全黑区域，无可见线条 | 边界：极端暗色输入，算法应保持全黑而非产生伪线条，验证对比度下限处理 |
| 一张高对比度黑白文字图片（白底黑字，字号 12px，内容为“测试”二字） | 文字边缘被提取为连续线条，笔画内部填充为黑色块，背景保持白色无排线 | 常规：验证算法对硬边缘（文字）的提取效果，以及是否错误地在空白区域添加排线纹理 |
| 一张包含渐变色的风景照片（天空到草地渐变，分辨率 1920x1080） | 天空区域以水平方向稀疏排线表现亮度渐变，草地以短斜线簇模拟纹理，地平线处线条密度突变 | 常规：验证算法对连续渐变区域的排线方向与密度自适应能力，以及边缘处是否出现断裂 |
| 一张像素化严重的小图（32x32 像素，内容为模糊的猫） | 输出为粗糙的像素块状线条，猫的轮廓由离散的矩形线条块拼合，细节丢失严重 | 边界：低分辨率输入，算法输出应如实反映像素化特征而非强行平滑，暴露分辨率下限 |
| 一张带有透明背景的 PNG 图标（尺寸 100x100，主体为红色圆形） | 圆形边缘被提取为闭合线条，内部无填充，透明区域保持空白无任何处理 | 易错：透明通道处理——部分算法会将透明区域视为黑色或白色导致错误输出，本工具应正确忽略透明像素 |
常见错误对照
1.上传了彩色背景图片，期望得到纯白背景素描
✗ 错误
上传一张人物在复杂树林背景中的彩色照片，直接点击生成✓ 修复
先用其他工具将背景处理为纯白或纯色，再上传到本工具黑白线条素描算法基于边缘检测，复杂背景会产生大量干扰线条，导致主体轮廓被淹没。纯色背景能大幅减少噪点，突出主体线条。
2.图片分辨率过高，生成耗时过长或浏览器卡死
✗ 错误
上传一张 6000×4000 像素的 RAW 格式照片✓ 修复
将图片尺寸缩放到 1200×800 像素以内（或长边不超过 2000px）再上传本工具为纯浏览器端处理（WASM），像素数越多计算量呈平方级增长。超大图片会耗尽内存或导致浏览器无响应，缩放后效果几乎无差别。
3.图片过暗或过亮，素描线条细节完全丢失
✗ 错误
上传一张全黑背景的夜景照片，或一张过曝到几乎全白的照片✓ 修复
确保图片主体区域亮度适中，直方图分布均匀；可先用编辑工具调整曝光后再上传黑白线条素描算法依赖局部对比度提取边缘。暗部或亮部区域对比度极低时，算法无法检测到有效边缘，输出会变成一片灰或空白。
4.上传了纯文本截图，期望得到艺术素描效果
✗ 错误
上传一张白底黑字的文章截图✓ 修复
上传具有明显轮廓和纹理的自然图像（人物、建筑、动物等）算法针对自然图像的边缘梯度设计，对规则文字区域（尤其是等宽字体）会错误地将所有笔画识别为边缘，输出杂乱无章的密集线条，毫无艺术感。
5.多次点击生成按钮，以为能叠加效果
✗ 错误
生成一次后不满意，立刻再次点击「生成素描」按钮，期望效果叠加✓ 修复
每次点击都是独立从头计算，如需调整效果，应修改参数后重新生成工具每次生成都是基于原始图片重新运行算法，并非在上一版结果上叠加。多次点击只会浪费计算资源，不会累积效果。
6.使用 JPEG 格式且压缩率过高，导致线条出现方块锯齿
✗ 错误
上传一张 JPEG 质量设为 30% 的图片✓ 修复
使用 PNG 格式上传，或 JPEG 质量至少设为 85%JPEG 高压缩会在图像平坦区域产生 8×8 像素的块状伪影（blocking artifacts），边缘检测算法会把这些方块边界误判为线条，输出出现大量规则网格。
第三节
工作原理
How It Works核心公式
I(x,y) = 0.299·R(x,y) + 0.587·G(x,y) + 0.114·B(x,y) → S(x,y) = 255 - I(x,y) → E(x,y) = min( S(x,y), 255 )
变量说明
I(x,y)像素(x,y)的灰度值，0~255R/G/B(x,y)原图红/绿/蓝通道值，0~255S(x,y)反色后的灰度值，0~255E(x,y)最终素描像素值，截断至255
示例
原图某像素 RGB=(180, 120, 60)：I = 0.299×180 + 0.587×120 + 0.114×60 = 53.82 + 70.44 + 6.84 = 131.1 → 取整 131；S = 255 - 131 = 124；E = min(124, 255) = 124。该像素在素描图中显示为亮度 124 的灰色线条。
用户输入
浏览器端处理
输出结果
隐私保证所有计算与处理均在你的浏览器本地完成，输入数据不会上传服务器，也不会保存或共享。