像素画制作工具(Pixel Art Maker)

可在 8×8 到 64×64 的网格上通过点击、拖动放置颜色来绘制像素画的免费编辑器。也可以载入手边的照片或插画,将其转换为像素画。内置填充与橡皮擦功能,完成的作品可直接下载为 PNG 图片。

什么是像素画制作工具

像素画制作工具让您可以在方格网格上逐格放置颜色,免费在浏览器内创作像素画(Pixel Art)。网格大小可从适合小图标的8×8,到能表现细节的64×64之间自由选择,点击或拖动即可涂色,使用填充工具还能一次性替换相连的同色区域。

完成的作品只需一键即可下载为PNG图片,可直接用作游戏像素图标、社交媒体头像、论坛小插图等多种用途。所有处理都在浏览器内完成,绘制的数据不会被上传到任何外部服务器。

如何绘制像素画

  1. 选择网格大小 根据想要的精细程度,从8×8到64×64中选择一个尺寸。之后更改尺寸会重置画布。
  2. 若要从图片开始,先载入图片(可选) 在「从图片开始」处选择文件,或把图片拖放到画布上,即可按当前网格尺寸将其转换为像素画。载入后仍可用画笔和橡皮擦自由补画。
  3. 选择颜色 可以用取色器自由选色,也可以点击常用颜色调色板快速选择。
  4. 点击或拖动涂色 选中画笔工具后点击方格即可涂色,拖动可以连续涂多个方格。
  5. 灵活使用橡皮擦和填充 用橡皮擦逐格擦除,用填充工具一次性替换相连的同色区域。
  6. 下载为PNG 完成后点击"下载PNG",即可保存为带透明背景的图片文件。导出尺寸可从原始尺寸(1格=1像素)到整数倍之间选择。

用好本工具的小技巧

  • 小网格(8×8、16×16)适合游戏道具图标和社交媒体头像,大网格(32×32以上)更适合完整的角色立绘或带背景的插画。
  • 填充工具只会替换与点击处颜色相同(包括未上色的透明区域)且上下左右相连的区域,不会影响其他分离的区域。
  • 想表现阴影时,可准备比基础色稍暗和稍亮的1〜2种色调,只在想突出立体感的边缘少量涂抹,就能做出简易的像素阴影效果。
  • 更改网格大小会重置已绘制的内容,建议在动笔前先确定好尺寸。
  • 下载时保留透明背景,可以让作品更方便地叠加到社交媒体图标或应用素材上使用。
  • 载入照片时,主体占据画面较大、背景较简单的图片在减少到少量方格后依然容易辨认。若轮廓显得含混,可启用「将颜色贴合到16色调色板」,减少色数后会更接近像素画应有的清晰观感。
  • 编辑区是放大显示的,因此一边看原始尺寸预览一边绘制可以减少返工。尤其在 8×8 或 16×16 下,原始尺寸会糊在一起的细节不如果断省略,这样反而更容易看出画的是什么。

适用场景

游戏制作的临时素材

独立游戏开发者可以在构思阶段快速试做角色和道具的像素图标。

制作社交媒体或论坛头像

可以轻松制作X(原Twitter)、Discord头像或论坛用的小型角色图片。

练习复古游戏画风

适合作为初学者练习FC/SFC时代像素表现手法的入门工具。

像素文字或标志草案

利用网格特性,也很适合制作像素文字或简单几何图案标志的草稿。

术语表

像素画(Pixel Art)
以方形的点(像素)为基本单位组合绘制的一种画风。源于早期计算机和游戏机的显示限制,如今已成为独具特色的表现风格。
网格
用于绘制像素画的方格阵列。一个格子对应一个像素,格子数量(例如16×16)就是图像的分辨率。
填充(油漆桶)工具
将与点击处颜色相连的区域一次性替换为另一种颜色的功能,省去了逐格涂色的麻烦。
透明(Alpha通道)
可以让图像的一部分保持"未上色"状态并保存的功能。以透明背景导出PNG后,能更方便地叠加到其他图片或页面上使用。
位图(栅格图形)
像像素画一样,将图像作为方格状点阵处理的格式。放大后会看到明显的方格,这与用数学方式保留轮廓的矢量格式不同。

常见问题

本站对使用此工具创作的图像本身的著作权不设限制。但如果配色或主题模仿了他人已有作品,请注意原作品的相关权利。

更改网格大小会改变格子数量,之前绘制的内容会被清除。如果想更改尺寸,建议先将当前作品下载为PNG保存。

目前版本暂不支持:关闭浏览器或刷新页面后,画布内容会丢失。可恢复编辑的草稿保存功能是今后可能考虑添加的方向。不过,本工具导出的 PNG 不含网格线,因此可以直接重新载入,每个方格都会恢复为原来的颜色。先下载保存一份,之后就能载入继续编辑。

不会。上色、填充和导出PNG都完全在您的浏览器内处理,不会被保存到任何外部服务器。

可以。支持触摸点击和拖动操作,可以用手指或触控笔为方格上色。

可以。请在「从图片开始」处选择文件,或把图片拖放到画布上。系统会按当前网格尺寸,取每个方格所覆盖区域的平均色进行转换。对于非正方形的图片,可以选择「裁切中央」或「完整放入」。转换后仍可用画笔、橡皮擦、填充工具进行修改。

可在「导出尺寸」中选择。默认为原始尺寸,16×16 的网格会得到 16×16 像素的 PNG。这就是像素画本身的分辨率,用作游戏素材可直接使用。需要较大图片(例如社交平台头像)时,请选择 2 倍、4 倍等整数倍。放大一律采用整数倍,因此每一格的宽度保持一致,不会变模糊。
工具君

闲话 ― 为什么像素画至今仍备受喜爱

像素画这种表现形式诞生于20世纪70到80年代,当时的计算机和游戏机显示能力十分有限。那个年代的显示器能处理的颜色数和分辨率都极为有限,如何在有限的方格与色数中让角色和背景更具吸引力的种种巧思,逐渐发展成了一种独特的美学。

如今,即使写实风格的图形已成为常态,像素画依然拥有一批忠实的爱好者。在独立游戏的世界里,"复古外观"本身常常被当作一种卖点来选择,在有限的表现手法中展现个性的这种匠人技艺,至今仍被许多创作者传承下去。

近年来,许多像素画编辑软件逐渐走向付费化、功能复杂化,但想要快速做一个小图标或临时插画的需求依然存在。仅在浏览器内即可完成的这种便捷性,正是回归"在网格上放置颜色"这一像素画最原始乐趣的一个入口。