像素画入门:如何从零开始制作并导出像素画?

像素画是用一个个方块（像素）拼出图像的创作方式，常见于游戏素材、头像和图标。想从零开始，可以用 Pixellate 这类在线工具：打开页面后先设定网格尺寸，再逐格绘制，最后保存图片。整个过程不需要安装软件，Pixellate 是 PWA，支持离线使用，也适配手机。下面按“概念—准备—绘制—导出—排查”的顺序说明。

像素画是什么，用在哪里

像素画的核心特征是每个像素都是有意放置的，放大后能看到清晰的方块边缘，而不是模糊的过渡。常见用途：

• 游戏角色、道具、地图贴图
• 社交平台头像、表情包
• 应用图标、网页装饰元素

判断一幅图是不是像素画，看它缩小后是否依然清晰、边缘是否锐利。如果放大后出现模糊或锯齿被平滑处理，通常说明绘制或导出时出了问题。

开始前要决定的两件事

画布尺寸

尺寸决定作品能容纳多少细节。Pixellate 打开后会先让你选择网格的 Dimensions（X 和 Y），确认后进入画布。

新手建议从 32×32 或 64×64 起步，尺寸越大越难控制整体效果。

网格分辨率与显示大小的区别

网格尺寸是“有多少格”，屏幕显示大小是“每格画多大”。导出时按网格尺寸输出，图片会很小但清晰；放大显示不会增加细节，只会让方块变大。这一点决定了像素画不能靠后期放大来补细节。

用 Pixellate 绘制的步骤

1. 打开工具：访问 pixelated.vercel.app，页面提供 New、Save image、Install PWA、Github 等入口。
2. 新建画布：点击 New，在弹窗中选择网格的 X 和 Y 尺寸，点 OK 确认。
3. 逐格绘制：在画布上点击或拖动来填色。保持每个像素对齐网格，不要跨格涂抹。
4. 控制颜色数量：像素画通常用有限调色板，颜色越少风格越统一。先定主色，再加深浅变化。
5. 随时保存：用 Save image 导出当前作品，避免丢失进度。
6. 安装为应用（可选）：点 Install PWA 可把 Pixellate 装到设备上，之后离线也能打开继续画。

保持像素对齐、避免模糊的要点

• 绘制时始终以单格为单位，不要用柔边或抗锯齿笔刷。
• 缩放视图只用于观察，不要为了“看得清”而改变实际网格。
• 导出后如果图片被放大，边缘应保持方块状；出现模糊说明经过了平滑缩放。

导出与检查

用 Save image 导出后，按以下顺序检查：

• 清晰度：放大到 200%–400%，边缘应是硬边方块，没有灰边。
• 尺寸：确认导出图片的像素尺寸与设定的网格一致。
• 格式：像素画适合用 PNG，能保留锐利边缘；避免用有损压缩格式反复保存。

如果导出后发虚，常见原因是查看时被浏览器或看图软件做了平滑缩放，换用支持“最近邻”缩放的查看方式即可确认原图是否正常。

移动端与离线创作的注意事项

Pixellate 是移动友好的 PWA。在手机上创作时：

• 手指精度有限，建议先用较大网格（如 32×32）练习。
• 安装 PWA 后离线可用，适合在没有网络时继续画。
• 注意及时 Save image，移动端切换应用可能中断会话。

常见卡点排查

从设定网格到导出，像素画的完整流程并不复杂，难点在于用有限像素表达清晰形象。先用小尺寸练手，熟悉对齐和配色后，再逐步提高尺寸和细节。