像素画怎么画？从16×16开始的像素画入门

首先要决定的是点数（画布的精细度）

画像素画时，第一个难关往往不是画法，而是选尺寸。网格越大似乎越能画好，但格子越多，“每一格都要判断”的次数就越多。第一幅就选64×64，很可能画到一半就停下来。为题材选择最少必要的格数，才是完成作品的最短路线。

要注意，点数翻倍，格数就变成4倍。16×16的256格大约30分钟就能画完，而32×32有1,024格，按同样的密度画，单纯计算要花4倍的时间。先用16×16完成一幅，觉得不够再画32×32，这样的顺序最不容易半途而废。

在浏览器中画像素画的步骤

无需安装，也无需注册账号。输入点数生成网格，再点击格子逐个标记即可。只要注意落点的顺序，即使是第一次，形状也不容易走样。

1. 1

   输入点数并生成网格

   输入每边的点数，点击“生成网格”，就会出现空白画布。之后改变尺寸会清空已画的内容，所以开始画之前先定好。

2. 2

   先画外侧的轮廓

   先画最外侧的线，比如脸的轮廓、身体的外形。像素画的印象由轮廓而不是细节决定，轮廓定下来后剩下的就只是填充。从中间开始画，常常会因为边缘放不下而重画。

3. 3

   补上内部细节

   画眼睛、嘴巴和花纹等。16×16中，眼睛以1〜2格为宜。在这里贪心画得太细，缩小显示时就看不出画的是什么了。

4. 4

   用灰色填掉“不需要的位置”

   确定作为背景、什么都不放的格子，先用浅灰标记。剩下的白色格子就会作为“还没决定的位置”凸显出来，容易发现漏画的地方。

5. 5

   导出为PNG

   点击“保存 PNG”，就能按原样保存为图片。想以后继续画，先点“保存进度”，就能在同一浏览器中接着画。

分清黑·灰·白三种状态

这个工具的格子不是简单的“涂了／没涂”二选一，而是有三种状态。能否善用这种区别，会大大影响作画的顺手程度。

• 把白色当作“剩余任务”：先用灰色填掉不需要的位置，白色格子的数量就是剩下的工作量
• 代替草稿：拿不准的区域留白，只把确定的地方涂黑，可以减少擦除
• 作为图样交给别人：拼豆、编织图、方格纸底稿等，黑色格子的数量就是所需材料的数量
• 检查左右对称：画好一侧后，先用灰色填好对应的一侧，中轴就不会偏

网格下方会显示“需要的点”“不需要的点”“合计”的数量。用拼豆或积木做成实物时，需要的点数就是要准备的个数，采购前确认一下就不会浪费。

让像素画好看的5个诀窍

像素画“总觉得看起来很业余”，原因几乎都在格子的排列方式，而不是画功。只要遵守下面5点，同样的题材看起来也会不一样。

• ①轮廓最优先：尺寸小的时候，变成剪影后能不能认出是什么，就是一切
• ②斜线的台阶宽度要一致：每次下降1格或2格，保持规律。像3格→1格→2格这样不规则，线条会显得参差不齐
• ③不放孤立的1格：孤零零的一格看起来像噪点，要么连成线，要么干脆删掉
• ④左右对称的东西只画一侧：脸和符号画好一半时确认整体平衡，再照着画另一侧，就不会走样
• ⑤外圈留1格空白：画到紧贴边缘，用作图标时看起来会被切掉

最有效的是②。像素画的斜线只能用“台阶”来表现，台阶宽度是否一致决定了线条是否平滑。画圆时也一样，上下左右的顶点附近横向拉长，45度附近每次1格，注意台阶宽度来画，就能画出自然的圆弧。

保存PNG，以及用作图片时的注意事项

完成后点击“保存 PNG”即可导出为图片。导出的内容有一些特点，根据用途事先了解，之后就不会困扰。

• 文件名会直接带上点数，例如“dot-art-16x16.png”
• 图片每边约512px（每格的像素数为512÷点数向下取整，最小4px）
• 画面上看到的网格分隔线也会原样包含在图片中
• 白色格子会导出为白色而不是透明（不会得到透明背景的PNG）

因为连分隔线一起导出，可以直接当作方格纸那样的图样·设计图使用。另一方面，想要没有分隔线的纯色图标时，简单的做法是用图片编辑软件把导出的PNG缩小到与点数相同的像素数，再放大到需要的尺寸。放大时把插值方式设为“最近邻”，像素的边角就不会模糊，能保持清晰。

保存进度的机制，以及不丢失的用法

32×32以上有时一次画不完。点击“保存进度”可以保存作画中的状态，下次打开时点“读取保存”就能继续。不过保存位置不是服务器，而是你正在使用的浏览器内部。把画好的像素画用作社交平台头像时，按社交平台头像尺寸导出，轮廓就不会模糊。

• 只能保存1份。再次点击“保存进度”，之前的内容会被覆盖
• 只能在同一设备、同一浏览器中继续，不能在手机上保存再到电脑上接着画
• 删除浏览器的浏览数据（网站数据）后会消失
• 在无痕模式／隐私浏览中，关闭窗口时就会消失

常见问题

像素画从多少格开始比较好？

第一幅推荐16×16。256格足够画出脸或图标，大约30分钟就能完成。只画符号或标记的话，8×8也可以。

能读取照片或图片自动转换成像素画吗？

像素画工具不支持自动转换，而是自己在空白网格上逐格标记的方式。正因为如此，可以按一格一格的意图做出形状，适合制作图标和图样。

用手机也能画吗？

可以。点按格子就能标记，16×16左右用手机也没问题。64×64以上的精细网格每格会变得很小，用电脑更方便。

画好的像素画可以自由使用吗？

自己画的图样可以作为自己的作品使用。但如果把现有角色或标志照着画到格子上，原作的著作权和商标依然有效，公开或商用前请确认权利人的条件。

保存的数据能在别的设备上打开吗？

不能。保存进度是保存在浏览器内的机制，只能在同一设备、同一浏览器中继续。想跨设备时，请分享导出的PNG文件。