像素画板
可调网格(8×8–64×64)的像素画板:16 色调色板与自定义取色、铅笔/橡皮/油漆桶/取色、清空、撤销重做,导出 PNG(可选每格倍数)与可再导入的 JSON。
浏览器本地运行所有计算都在你的浏览器里完成,数据不会离开本机。
画板
在画板上按住鼠标拖动即可连续涂色;取色工具会把该格颜色设为当前颜色。
工具
调色板
16 px
状态
这个工具能做什么
- 画网站图标、App 图标或小精灵图:8×8 到 64×64 的网格上直接点格子,比打开 Photoshop 快得多。
- 给文档、演示或聊天工具做一张像素风格的小图,16 色调色板加自定义取色,不需要美术基础。
- 做复古游戏素材时先在这里摆出形状,导出 PNG 再导入引擎微调,每格倍数最高可以放大到 64 倍。
- 把作品导出成 JSON 存档,换台电脑或过几天再粘贴回来接着画,形状和配色都不会丢。
示例
输入
16 × 16 网格,每格倍数 16
输出
导出 PNG 尺寸:256 × 256 像素
画板本身用 Canvas 绘制,格子数量与导出像素数由网格数和每格倍数相乘得出,所以这里是 16 × 16 = 256。
常见问题
画到一半点错了能撤销吗?
可以。撤销栈保留最近 60 步,撤销之后还能重做。一次按住鼠标拖动的连续涂色算一步,不会因为画一条线就塞满整个历史。
清空之后还能恢复吗?
能,清空同样进历史栈,按撤销就回来了。但历史最多 60 步,中间操作太多的话最早的那一步会被挤掉。
油漆桶是怎么判断边界的?
按上下左右四个方向扩散,只填充和起点颜色完全相同的连通区域,斜角不算连通。如果起点的颜色和目标色一样,会原样返回不做任何修改。
导入 JSON 报错是什么原因?
三种情况:JSON 语法本身不合法;size 不在 8–64 之间,或者 grid 数组长度不等于 size 的平方;格子里的颜色不是 #RGB / #RRGGBB 形式。改一下再导入即可。
画的图会被上传吗?
不会。绘制、导出 PNG 和生成 JSON 都在浏览器里完成,页面不发任何网络请求,断网也能用。
关键词:pixel art像素画像素画板dot artico 编辑sprite导出 pngjson 导入