小章拼豆工作台

存下的图纸 0

存在这台设备的浏览器里。同一台手机同一个浏览器才看得到。

版本 1.1 · 2026-10-23

这是个手机浏览器里直接打开的网页。把照片变成拼豆图纸，或者把现成图纸截图喂给它识别，一块一块照着拼，最后列出一张缺豆清单，直接发给店员。全程在手机上算，不用注册，不用装 App，照片也不会传到任何地方。

打开网站

• 地址：https://pindou-d4k.pages.dev
• 用浏览器打开就行，微信里点开也可以。
• 想要个桌面图标：浏览器里点分享按钮，选「添加到主屏幕」，以后点图标直接进，跟 App 一样。
• 这地址在搜索引擎搜不到，故意设置成这样的，知道网址的人才能打开。
• 手机有网就能开，在哪都行，不用跟谁连同一个 WiFi。

照片转图纸

1. 点「点这里选图」，从相册挑一张。参数面板头一项叫「怎么排格子」，一排两个按钮：按画板、按原图，默认选中按画板。这一排管的是图纸的形状、行列从哪来，先挑排法，再定格数。拿不准就记一句：想拼出来是方的，选按画板；想让图纸跟着照片形状走，选按原图。

2. 按画板，拼出来是方的。图纸固定是个正方形，框里填的叫「边长（格）」：填 33，就是横 33 格、竖 33 格。照片不裁，是缩着塞进这个正方形的：长的那一边顶满格数，短的那一边按比例缩小、居中，边上空出来的格子不铺豆。想做正方形摆件、或者店里的板本来就是方的，选它。

3. 按原图，图纸跟着照片的形状走。框里填的变成「宽度（格）」，只管横的一边；竖的行数页面按照片比例自己算，不用你填。同一张 3:4 竖照片，宽度 17，行数自动算出 23，图纸 17×23 共 391 格，照片铺满，一格不空。照片有多竖它就铺多长，只卡一个上限：行数封顶 120，超了页面会提示「图太高，行数按 120 格截断了；想更全就把宽度调小」，把宽度调小，行数就能接着涨。想拼竖条、横幅这类跟着照片形状的，选它。

4. 格数只认 8 到 120。选完图、或者来回切排法，页面会按照片自动重填一个数（按画板按长边算，按原图按宽度算），你手改过的数会被盖掉，切完记得再看一眼。数越大越保得住照片细节，豆数也成倍往上翻，拼得更久；数太小，脸和衣服糊成色块。小挂件三十格上下够用，想拼细的往四十五到六十格试。两个排法到底差多少，同一张 3:4 竖照片都填 33 算给你看：按画板实际占 25×33、825 颗豆，按原图铺满 33×44、1452 颗。要省豆选按画板，要细节全、不怕豆多选按原图。

5. 预览顶上还有「图纸 / 原图」两个小按钮，跟上面「按画板 / 按原图」不是一回事：那边定怎么排格子，这边只是来回比着看预览，点原图看照片本来样子，点图纸看拼出来啥样。导出导的永远是图纸。

6. 色卡：你手上的豆子是哪个牌子就选哪个。默认是 MARD 221 基础卡（店里常备的 221 色）。往下还有 MARD 291 扩展卡（多夜光、荧光那 70 色）、COCO、咪小窝、漫漫、盼盼、优肯、Artkal、Hama、Perler 一共十套。换了色卡，图纸会跟着重新配色。

7. 最多用几种颜色：想省豆就往左拖。拖的时候画面实时更新，松手后清单自动更新。

8. 三个开关：「显示色号」默认开，每个格子里印色号；格子太小放不下字时会先隐藏，不用管，分块查看里有大图，导出的那张也始终带。「透明背景留空」默认开，照片的背景不铺豆。「抖动」默认关，开了颜色过渡顺一点，但豆种会变多。

9. 统计条四个数：宽、高、颜色数、总豆数。按画板时宽高一样，按原图时不一样，那就是图纸的实际行列。总豆数只算有豆的格子，空着的不计。

10. 导出图纸：导出图自带行列号、色号和底部的用豆图例，打出来照着拼就行。若导出图不带色号，可稍微将边长修改一下即可。

11. 存起来：存进手机浏览器里，以后随时点开接着用（见「存下的」一节）。

导入现成图纸

刷到别人的图纸、或者以前自己做过的，截图就能导进来。点「导入图纸截图」。

1. 弹窗里先点图纸格子的左上角，再点右下角，把网格框住。点歪了按「重新点角」。

2. 图太大角点不到：双指捏合缩放，双指拖动平移，只动这张图，不影响网页。

3. 填上图上四周印着的列数、行数。看不清就双指放大数。

4. 点「开始识别」，页面逐格取色、把相近的色合并，出一份清单。

5. 更准的办法：正经图纸下面都带图例（色块加色号加颗数那一排）。点「框图例（可选）」，把整条图例完整框进去，上下各留一点空白，再点「开始识别」。页面会把图例色块切出来跟图上的颜色一一配对，颗数当硬约束，色号以图例上印的为准。

6. 核对页每个颜色一行：色号、格数、色差值（数越小越接近）。点一行可以改色号、设成留空；图例里没有的颜色标成「未定」，点进去选上。

7. 点「确认导入」，进图纸界面，跟转出来的图一样用。

注意：导入或存档的图纸改不了尺寸和颜色数（改尺寸会把手改的格子清掉）。「按画板 / 按原图」对它们也不起作用，点了页面会提示一声，图纸保持自己原本的宽高。要改就回原图重新导一次。点格子改色、打勾标记、换相近色这些都能正常用。

分块查看（一块一块拼）

1. 图纸下方那条「分块 查看」，点一下展开。

2. 「分块大小」滑块：默认停在最右，整张图算一块；往左拖就切成几块。店里板子多大就切多大，29 格的板最常见。

3. 块标签一排 A1、A2、B1……点着切块，一次只管一块。

4. 块里那排色片：只显示这块用到的颜色和颗数。点一个色片，图纸上这个色单独亮出来、其余变淡（不会看不见）；可以连着点好几个色，再点取消。

5. 色片右上角的 ✓：一键给这个色所有格子打上勾（拼好一格划掉一格的记号），再点一下全擦掉。

6. 「定位线」：图纸上出现一横一竖蓝色十字，手指拖着走，自己吸到格子中间。拼到哪儿拖到哪儿，低头捡个豆回来也不怕错位。

7. 「标记」：进去后上面是「画笔」和「橡皮」两个按钮。画笔滑过的格子立刻盖上绿色角标加白勾，橡皮滑过就擦掉，不用点什么完成。标记的时候双指照样能缩放平移，不会误涂。

8. 点任意格子能改色：浮层里能搜色号、有「设成留空」，改完还能「恢复默认配色」。改错了点上面的「撤销改色」，一步一步退回去。

9. 「导出这块」：把当前这块单独存成一张带色号的图纸。

需要哪些豆（清单）

• 图纸下面「需要哪些豆」一节，列了全部用到的色和颗数，一屏放不下就在框里滑。
• 点某一行，图纸上这个色高亮（可以多选），好找。
• 每行有个「换」：店里缺哪种豆就点它，按相近程度从最像的排上来，点一下整色全部换掉；也可以翻全部色卡自己挑。换完随时能「换回」。
• 「复制清单」一键把清单复制成文字，发给店员。开头带色卡名字和总颗数。

存下的图纸

• 点过「存起来」的图都在这个浏览器的本地存储里，最多 40 张，往下翻能找到。
• 关网页、重启手机都还在。但它认「这台手机的这个浏览器」：清浏览器数据、换手机、换浏览器，存的图就看不到了。
• 要紧的图纸记得「导出图纸」，相册里留一份底。
• 点开卡片回到图纸界面，改色、标记、换色都照常用，只是边长和颜色数不能再调。

常见问题

• 图纸上看不到色号？格子小到放不下字时自动隐藏了。开「分块查看」看放大块，导出的那张一直带色号。
• 图糊、方块感重？先点「原图」跟照片对比一下，确认是格数太少，就把边长（格）改大；要是颜色不够用，把「最多用几种颜色」往右放。
• iPhone 导出没进相册？导出后弹出一层，要长按那张图选「存储到照片」。
• 搜不到这个网站？故意的，只能直接输网址。
• 照片安全吗？图片只在手机浏览器里算，不上传；网站那边只有一个静态页面，没有任何服务器记录你的图。