如何把照片变成像素设计图或方块艺术

为什么把照片变成像素

把照片缩减成彩色方格的网格，是出乎意料多的爱好和项目的起点。十字绣、拼拼豆豆与拼豆、钻石画以及乐高风格的马赛克，都以一张设计图为基础：每个格子是一种颜色，并标有数字告诉你该用哪种线或哪颗珠子。手工把照片变成这样的设计图既繁琐又容易出错，而大多数桌面编辑软件根本无法生成可打印的带编号图案。

在数字方面，像素艺术和游戏精灵刻意采用低分辨率和有限的调色板。把参考照片下采样成干净的方块，就能得到可供描摹或叠涂的底图、头像、图块或复古风格的图形。生成刺绣设计图的同一引擎也能生成这种方块艺术——唯一的区别在于导出方式。

PixelForge 如何构建马赛克

PixelForge 分两步工作。首先是像素化：图像被划分为网格，其宽度由你以方块数指定，每个格子被合并为单一颜色。你来决定如何确定该颜色——「平均」混合格子内的所有像素，得到平滑的结果，适合照片；「中位数」选取代表性数值，使边缘更锐利、色块更平整，作为刻意的像素艺术更出彩。

接着用中位切分量化进行减色。算法不会留下成千上万种几乎相同的色调，而是反复沿最长轴在中位处切分色彩空间，于是最密集的区域被细分得最多，最终的调色板能真正代表图像。这对手工艺很重要——每种颜色都是你要实际购买的线或珠子；对像素艺术也很重要——精简的调色板正是其全部美学。整个过程是确定性的：同一张照片、同样的设置，总会得到相同的结果。

分步操作：从照片到设计图

1. 载入照片——把文件拖到页面上、点击选择，或从剪贴板粘贴。不会上传任何内容，图像在本地处理。
2. 选择输出模式——需要带编号、可打印的图案就选「设计图」，需要游戏风格的 PNG 就选「复古方块」。默认是设计图。
3. 设置像素分辨率——选择马赛克的宽度为多少个方块。纵向数量会自动按照片比例确定。方块越少，画面越鲜明；方块越多，细节越多，但所需的针数也越多。
4. 调整颜色——选择「平均」或「中位数」采样，设定颜色数量，并可选择添加抖动。用前后对比在你自己的图像上权衡细节与简洁。
5. 导出——下载带颜色图例、按 A4 分页的设计图 PDF、平面设计图 PNG，或在方块模式下导出复古方块 PNG。

两种模式：设计图与复古方块

设计图模式是为手工制作而打造的。它叠加网格线，在每个格子里打印一个数字，让你随时知道哪种颜色放在哪里，并把每第十条线加粗，便于一眼数清行数。颜色图例按编号列出每个调色板条目，你还能以毫米为单位设定打印时的格子尺寸，让成品达到你想要的实际大小。

复古方块模式去掉这一切，直接给你像素本身——一张由纯色方块组成的干净 PNG，可直接放入精灵编辑器、用作头像，或作为刻意的方块艺术发布。两种模式共用同样的像素化和调色板，因此你可以在设计图模式里调好效果，再切到方块模式快速导出数字图像，反之亦然。

颜色采样与抖动

两个控制项决定马赛克的观感。方块颜色决定每个格子如何减色：「平均」平滑而宽容，是人像和照片的合适之选；「中位数」保持边缘锐利、色块平整，适合标志、图标和刻意的像素艺术。没有放之四海皆准的选项——实时对比让你在真实图像上做判断。

抖动决定减色后渐变的处理方式。「无」给出平整的纯色填充，通常正是你在需要边读边绣的设计图中想要的。「Floyd–Steinberg」把舍入误差扩散到相邻格子，得到最平滑的渐变，适合方块艺术和照片。「有序（Bayer 4×4）」铺设规则的半色调颗粒——经典的复古质感。对于可打印的手工设计图，「无」几乎总是最佳；对于数字方块艺术，不妨多试。

打印按 A4 分页的设计图

真正的刺绣或串珠图案太大，无法放进一张纸，因此设计图 PDF 会按你设定的格子尺寸，自动以纵向或横向分页铺排到多张 A4 上。每页都带有重叠边距和套准标记，方便你对齐纸张并用胶带拼成一张大图，一行也不会丢失。

由于网格线、格子编号以及每十格的引导线都印进了 PDF，你可以直接照着纸面操作——数格子、对照图例勾掉颜色、随时记录进度。如果你只需要数字参考，平面设计图 PNG 会以单张图像给你同样的带编号网格。

你的照片绝不离开你的设备

PixelForge 完全在你的浏览器中通过 Canvas API 运行。照片被解码进内存，并在本地完成像素化、量化和渲染——绝不会有任何文件被传输到服务器。因此，对于不愿上传到第三方服务的个人照片、家庭肖像和客户工作，它都很安全。

无需账户、无需登录、没有使用限制。一切都在你已加载的页面上运行，关闭或刷新标签页后，所有痕迹都会消失。该工具在设计上是无状态的——根本没有可以发送你数据的服务器。