打开浏览器就能用
免安装、免登录。点击、拖拽或直接粘贴剪贴板图片都能导入，换台电脑打开网页就能继续。
图片转拼豆（网页版）
在电脑浏览器里打开拼豆搭子在线工具，把照片拖进页面，选好拼豆品牌、钉板规格与颜色上限，就能得到一张带坐标和色号的拼豆图纸。图片只在本地处理，不上传服务器；调完还能导出 PNG、SVG、Excel 材料清单或工程文件。
网页版能做什么
图片不离开本机
图片解码、颜色量化与图纸渲染全部在浏览器完成，不上传服务器；最近作品也存在浏览器本地。
大屏精修更顺手
网格与色号可叠加显示，最大放大到 600%；画笔、橡皮、填充、取色逐个格子调整，100 步撤销重做。
导出格式更全
图纸 PNG、矢量 SVG、Excel 材料清单、可再次导入的工程 JSON；材料清单也能复制成纯文本。
这篇只介绍网页版。想用手机拍照、随时禁色替换、边拼边看图纸，请看图片转拼豆。
网页版怎么用
- 导入：点击或拖拽 JPG / PNG / WEBP 图片，也可以直接粘贴剪贴板里的图；支持旋转 90°、水平镜像、自由方形裁剪，以及长边 / 短边两种适配。
- 设置：选择拼豆品牌、豆板规格与颜色上限，调整亮度与对比度，按需开启图像锐化、Atkinson 抖动、智能去杂色、平滑像素、清理杂色，或直接套用风格预设。
- 微调：生成后用画笔、橡皮、填充、取色在画布上修改，笔刷 1–4 格；开启清理杂色后可拖动灵敏度即时预览，所有操作都能撤销重做。
- 导出：按需导出图纸 PNG、矢量 SVG、Excel 材料清单或工程 JSON；材料清单也可复制为纯文本。
参数都怎么调
网页版面向电脑大屏，参数比小程序版更细。下面是完整说明。
| 参数 | 网页版 |
|---|---|
| 拼豆品牌 | MARD 221 色、COCO 291 色、Artkal 221 色，共 733 个真实色号；生成前选品牌，之后也能切换，构图不变。 |
| 钉板规格 | 29×29 / 52×52 / 64×64 / 78×78 / 104×104 / 120×120 六档预设，默认 104×104，按图片与手中钉板选择。 |
| 颜色上限 | 2–32 连续可调，默认 24 色。颜色越多还原越细腻，备料也越费。 |
| 画面调整 | 亮度、对比度各 −50～+50 连续可调；图像锐化、Atkinson 抖动、智能去杂色、平滑像素、清理杂色五个开关；抖动与去杂色互斥，切换时自动关闭另一项并提示。 |
| 清理杂色 | 开关默认关闭；开启后合并用量不超过灵敏度（1–6）的孤立色块，拖动滑杆即时预览，结果随撤销重做恢复。 |
| 风格预设 | 「动漫平涂 / 照片写实」两套风格，快速适配插画与照片。 |
| 取景方式 | 顺时针旋转 90°、水平镜像、自由方形裁剪；支持短边 / 长边两种适配方式，主体不会被裁掉。 |
| 画布微调 | 画笔 / 橡皮 / 填充 / 取色 / 拖动画布五个工具；橡皮可在 1–4 格粗细、连续同色区域、全局清除中单选，填充支持连续封闭区域与全局替换；100 步撤销重做。 |
| 导出格式 | 图纸 PNG（白底 + 四边刻度尺 + 色号标注 + 逐色用量）、矢量 SVG、Excel 材料清单、工程 JSON；材料清单可复制为纯文本。 |
| 偏好与保存 | 网格、色号、显示样式、镜像 4 项偏好本地记忆（镜像显示默认关闭，只翻转预览与导出图纸的左右方向，与导入时的「水平镜像」取景互不影响）；最近作品自动保存到 IndexedDB，重新打开可恢复。 |
适合谁用
- 想在电脑大屏上仔细调整每一个格子，而不是在小屏上反复放大。
- 需要打印大尺寸图纸，或要 SVG、Excel 材料清单、工程 JSON 做二次处理。
- 不想安装软件，也不想把照片上传到任何服务器。
- 同一张图要反复改、多次导出，需要自动保存最近作品。
和手机端怎么分工
网页版专注图片转拼豆，免安装、图片本地处理、导出格式最全；小程序版在微信里打开，支持拍照、禁色替换、图纸社区与拼豆模式，从生成到照图拼都在手机完成。两版共用同一套 733 个真实色号与量化算法，同一张图出来的图纸和材料清单一致。
想用手机随手拍，查看图片转拼豆。
生成的是「图纸」，不是成品拼豆。照着图纸和材料清单备料、拼装、熨烫，才是拼豆的乐趣所在。
关于「网页版图片转拼豆」常见问题
网页版需要安装吗？
不需要。用 Chrome、Edge、Safari 或 Firefox 等现代浏览器打开网页版工具即可使用，第一次打开就能直接导入图片。
网页版和小程序版有什么区别？
网页版在浏览器打开，免安装，图片只在本地处理，适合电脑大屏精细调参，支持 PNG、SVG、Excel 与工程 JSON 导出；小程序版在微信里，支持拍照、禁色替换、图纸社区与拼豆模式。两版共用 733 个真实色号与同一套量化算法。
上传的图片会上传到服务器吗？
不会。网页版工具的图片解码、颜色量化与图纸渲染全部在浏览器本地完成，图片不会上传到任何服务器。
可以导出哪些文件？
可导出带四边刻度尺、色号标注与逐色用量的图纸 PNG、矢量 SVG、Excel 材料清单，以及可再次导入继续编辑的工程 JSON；材料清单还支持复制为纯文本。
关闭页面后图纸会丢失吗？
工具会把最近一次作品自动保存到浏览器 IndexedDB，重新打开页面时可选择恢复。长期保存或换设备，请导出工程 JSON；所有数据都不会上传服务器。
支持哪些色号与豆板规格？
内置 MARD 221 色、COCO 291 色、Artkal 221 色共 733 个真实色号，色号与实物一一对应，生成前即可指定品牌，之后还能切换；钉板支持 29×29、52×52、64×64、78×78、104×104、120×120 六档（默认 104×104），颜色上限可在 2–32 之间调整。
颜色上限为什么有时没有用满？
如果源图本身可分辨的颜色少于设定值，或者画面大面积是同一色，实际用色就会更少；这是正常现象。调高颜色上限则会使用更多匹配到的颜色。
为什么开启抖动后去杂色会自动关闭？
Atkinson 抖动会刻意制造孤立颗粒来模拟中间色，而去杂色会把孤立格清掉，两者同时开启会互相抵消。工具会在切换时自动关闭另一项并提示。
色号在预览里看不清怎么办？
开启「显示色号」后，使用画布右上角的放大按钮或滚轮放大；格子放大到足够大时色号会自动出现，最大可放大到 600%。