拼豆像素图生成器
拼豆像素图生成器是一个创意图片工具,用于把图片转换成适合拼豆制作的像素图参考和手工图案布局。
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 以内,否则浏览器会卡顿,最终拼出来的尺寸也会过大。
More projects from jiligulu
If this project struck a chord, the same hands are behind these. Each one was built to answer a different question — and each one borrows lessons from the rest.
命理问答
A Bazi Q&A assistant built around a local RAG knowledge base, designed for conversational answers from curated astrology and Bazi material.
Read morePersonal web appMandy 专属治愈站
A personal healing station with 450+ curated quotes, song lyrics, daily challenges, mood tracking, and anniversary counter. Built with love.
Read moreDesign toolColorQRCode
Free online QR code generator and AI color palette tool. Custom colors, multiple formats, WCAG accessibility checking, and Tailwind CSS export.
Read moreContinue 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.
- 11 min read
拖延不是懒,是情绪调节问题 / Procrastination Isn't Laziness, It's Emotion Regulation
你拖延某件事的真正原因,几乎从来不是"我懒",而是"做这件事会让我感觉不好"。Pychyl 和 Sirois 这两位拖延心理学家的研究把这事讲得很硬,也带来一组完全不一样的应对方法。/ The real reason you procrastinate on something almost never reduces to "I'm lazy." It's "doing this would make me feel bad." Tim Pychyl and Fuschia Sirois have spent decades demonstrating this — and the implications change what a useful response looks like.
- 10 min read
独处不等于孤独 / Solitude Is Not the Same as Loneliness
中文里"独处"和"孤独"经常被混着用,神经科学和心理学却把它们当成两件几乎相反的事——前者是恢复,后者是消耗。这篇讲一下两者的差别、独处的具体好处,以及为什么现代生活把独处变得越来越难。/ Chinese readers often blur "solitude" and "loneliness"; neuroscience and psychology treat them as nearly opposite phenomena — one restores, the other drains. This piece spells out the difference, what solitude actually does, and why modern life makes it so hard to access.
- 9 min read
你在 GitHub、LinkedIn、Twitter 上是同一个人吗?/ Are You the Same Person on GitHub, LinkedIn, and Twitter?
程序员、设计师、做产品的人——基本上每个互联网工作者,都在三五个平台上有不同程度割裂的"自己"。这种割裂是策略上的成熟,还是身份层面的代价?/ Engineers, designers, product folks — basically everyone who works online maintains some level of fractured self across three or five platforms. Is that fracture strategic maturity, or an identity-level cost?