jiligulu
Creative image tool

拼豆像素图生成器

拼豆像素图生成器是一个创意图片工具,用于把图片转换成适合拼豆制作的像素图参考和手工图案布局。

What it is / 项目是什么

A pixel-bead pattern generator for turning source images into bead-friendly pixel art references and craft layouts.

拼豆像素图生成器。把图片转换成适合拼豆制作的像素图参考,方便做手工图案、颜色块和布局规划。

How it works / 实现原理

上传一张图片后,工具先做缩放,再用颜色量化把图像降到拼豆调色板范围内的颜色数量。用户可以选择网格密度(决定最终的豆豆数量)和颜色聚类数(决定颜色变化的丰富度)。输出包括一张网格化的预览图、一张按颜色分类的色块计数表,方便你按"哪种颜色需要多少颗"去备料。

Who it is for / 适合谁

想把照片、图标或参考图转成拼豆图案的手工爱好者和创作者。

Typical use cases / 常见使用场景

  • 用孩子的画、宠物照片做成手工拼豆礼物
  • 把游戏角色、表情包做成拼豆像素图
  • 为像素艺术创作生成可拼出来的物料清单

Key features / 主要功能

  • 把源图转换为拼豆友好的像素图参考
  • 适合规划颜色块、手工图案和像素布局
  • 作为独立子域名工具快速打开使用

Design notes / 设计取舍

常见拼豆模板生成器有两个问题:要么颜色不限制(结果用真实拼豆做不出来),要么颜色选择强加给你(结果不像原图)。本工具的设计原则是让用户自己控制颜色数与网格密度,并且预先按拼豆品牌色板做约束,使输出真的可买到豆。

Technology stack / 技术栈

Each layer below was chosen for what it lets the project avoid as much as what it enables. Together they shape the latency, the build pipeline, and how quickly new ideas can be tried in production.

下面这些选择,更多是为了排除某些复杂度,而不只是为了“用上”。它们共同决定了项目的延迟特性、构建流水线,以及把一个想法跑通的最短路径。

  • Image processing

    Pixel-level manipulation using canvas or worker threads — sampling, filtering, color quantization, and dithering.

  • Pixel art

    Constrained-resolution rendering that produces a deliberate retro aesthetic and prints crisply at small sizes.

  • Vercel

    A cloud platform that hosts the project with edge delivery, automatic HTTPS, and preview deployments for every commit.

FAQ / 常见问题

生成的图是直接的拼豆图纸吗?

是参考图,不是官方图纸。可以直接对着它拼,但具体哪个颜色对应你手上的某个豆豆,需要你自己对色卡确认。

支持哪些品牌的色板?

目前内置常见品牌的主流色,色板还在持续添加。如果你常用某个品牌没收入,欢迎通过 contact 反馈。

处理的图片会保存在服务器吗?

图像处理大部分在浏览器本地完成,不会保存上传的原图。

可以生成超大尺寸的图吗?

建议网格密度控制在 100×100 以内,否则浏览器会卡顿,最终拼出来的尺寸也会过大。

Continue reading

The blog goes deeper into the ideas behind 拼豆像素图生成器. These pieces unpack the psychology, the engineering trade-offs, and the design questions this project raises.