在线生成拼豆图纸

把图片反解成拼豆图纸:默认按主流 221 色等色卡自动吸附到最接近的可买豆色,图纸可缩放查看、点格子改色、按色号高亮看分布,实时统计每色用量与采购包数;还能自选手上有的色号。全程在浏览器本地完成。

文件不上传 .png、.jpg、.jpeg、.webp、.bead 单文件最大 20MB
① 图纸格数
默认 29×29,可以直接用。格数越大细节越多,也越费豆子。
② 反解质量
主色 = 每格取占比最大的颜色,色块边界更分明;均值 = 每格取平均色,过渡更柔和。降噪打掉孤立杂点,归并把肉眼分不出的相近色合成一色。
③ 背景
把图片放进来,或拖入 .bead 工程文件
支持 .png、.jpg、.jpeg、.webp、.bead · 单文件最大 20MB
会取图片中间的正方形反解,不会拉伸变形;反解后可以直接在图纸上改色

这个工具做什么

把一张图片变成可以照着拼的拼豆图纸:默认内置**主流的 221 色色卡**(MARD),工具把图片切成 N×N 的网格,逐格算出平均颜色,再把每一格吸附到最接近的一种可买到的豆色。反解完不是就结束了 —— 图纸会直接开在工作台里,可以缩放看细节、点格子改色、左右上下镜像、按色号只看某一色分布在哪,还能切到「熨烫预览」看拼完压平后的样子。

色卡还能换:MARD 291、Artkal、COCO、Perler、Hama 都内置,切换时整张图会按最近色重映射一次;也可以只勾选**自己手上有的色号**,让图纸只出现拼得出来的颜色。改满意了再导出:图纸 PNG 可以直接打印或存进相册,用量清单按「每包 500 颗」换算成包数,照着买就行。第三个 `.bead` 文件是这份图纸的存档,下次没有原图也能打开它继续改。整个过程在你的浏览器里完成,图片不会上传到任何服务器。

如何使用

  1. 先选格数(图纸大小) 格数决定反解的颗粒度,所以放在上传之前:16×16 最省豆子但只剩个轮廓;29×29 与 58×58 对应常见的拼豆方板规格;100×100 细节最多,但通常要用掉几千颗豆子。默认 29×29 可以直接用。
  2. 再选图片(有背景就开「去除背景」) 主体突出、颜色块分明的图效果最好,比如 logo、插画、卡通头像。照片也能用,但背景杂乱、细节过多的会偏糊。如果图片带背景(纯色底、透明 PNG 的抠图等),打开「去除背景」:有透明通道就直接用,没有就从图片边缘向内识别并剔除背景色。背景不参与取色也不计入用量,主体不会被背景色污染。
  3. 看图纸,对色号 图纸上每一格都标了色号,对着用量清单里的色号找对应的颜色和数量即可。滚轮或双指可以放大,放大到一定程度格子变大、色号更清楚;在「移动」模式下拖动可以看大图纸的局部。
  4. 改到自己满意 反解难免有几格不满意:选个颜色点上去,或者用橡皮点掉,拖动可以连涂一片。左右/上下镜像、旋转 90° 用来调整朝向;改错了两步之内可以撤销,也可以重做。
  5. 按色号看分布、看成品 在「豆子数量」里点某一色,图纸上只保留这一色的位置,其余变淡 —— 想知道某种颜色一共散布在哪几块,照着这个数就行。切到「熨烫预览」则能提前看到压平融合后的成品样子。
  6. 按手上的色号挑色(可选) 在「参数」里展开「可用色号」,长按(网页端点一下)色号就能把它移出可用集合,只留自己手上有的那些,再点「按可用色号重刷」,整张图就只用这些颜色拼得出来。
  7. 下载三个文件 图纸 PNG 用来照着拼,用量清单 TXT 用来买豆子,`.bead` 工程文件用来存档续改。改了格数会按原图重跑一次,不用重新选图。

常见问题

为什么拼出来的颜色和原图不完全一样?

因为拼豆只有有限几种颜色。每一格都会被替换成色卡里最接近的那一种,所以原本连续的渐变会被「压」成若干块纯色 —— 这正是拼豆这种材料本身的限制,不是工具的误差。

格数应该选多少?

想省事选 16×16 或 29×29;想看清细节选 58×58。100×100 适合小尺寸摆件或挂件,但通常要几千颗豆子,而且格子太小、色号会自动省略。

图纸上的数字是什么?

是色号,和用量清单里的「Code」列一一对应。图纸上标 7 的格子,就去看清单里 7 号是什么颜色、需要多少颗。

包数是怎么算的?

按每包 500 颗、并且**分颜色**向上取整:一包只有一种颜色,不同颜色不能凑成一包。所以 8 颗白 + 8 颗红是 2 包,不是 1 包。

图片必须是正方形吗?

不用。工具会取图片**中间**那块正方形来反解,所以横向或纵向的照片都不会被拉变形;代价是画面边缘会被裁掉一部分。想保留边缘,就先把图片裁成正方形再上传。

在图纸上改了颜色,用量统计会跟着变吗?

会,而且是即时的。每改一格,上面的「豆子数量」就重算一次:每种颜色多少颗、折多少包、一共几色几颗都会跟着变。导出的图纸与清单也读的是你改完之后的版本,不会给你一份对不上的旧文件。

怎么看某个色号都分布在图纸的哪些位置?

在「豆子数量」里点那一色(或点上面的色块),图纸上只有这一色保持原样,其余全部变淡,一眼就能看出它散布在哪几块;再点一次或点「全部豆子」即恢复。

221 色是主流方案吗?和我手上那盒豆子对不上怎么办?

221 色是国内最常见的一整套色卡,所以默认用它。对不上的话有两个办法:一是「配色方案」里换成本身用的那套(MARD 291、Artkal、COCO、Perler、Hama 都有);二是直接勾选你手上有的色号,再点「按可用色号重刷」,图纸就只用这些颜色。

色号是品牌的官方色号吗?

色号本身是各品牌自己的编号(如 MARD 的 A1、H1),但「色号 → 颜色」这份对应数据来自社区整理与比对(bitbead.app,CC BY 4.0),品牌方并没有公开发布这样的对照表。所以颜色可以放心参考,严格对号时仍建议以实物色卡为准。

我的图片会上传吗?

不会。解码、采样、匹配、渲染全部在你的浏览器里完成,图片数据不离开这台设备。

限制与边界

输入支持 PNG / JPG / JPEG / WebP,单张最大 20MB。暂不支持 HEIC(iPhone 默认的拍照格式),请先在相册里导出为 JPG 再上传。也可以拖入本工具导出的 `.bead` 工程文件,跳过反解直接继续改。

色卡数据来自社区整理的跨品牌色卡数据集(bitbead.app,CC BY 4.0),**不是各品牌官方发布的对照表**;如需严格对号,请以品牌实物色卡为准。另外格数达到 100×100 时,格子太小、色号会自动省略,此时请照着图纸图上的颜色摆。

相关工具