像素画生成器

设置
正在加载像素画编辑器…

在空白逻辑网格上逐格手绘像素画,无须输入提示词、转换照片或上传图片。画布最大为 64×64,可使用铅笔、橡皮擦、区域填充和取色工具,也能镜像笔画、撤销编辑,并导出透明背景的精灵图。编辑器完全在浏览器中运行,工程保存在当前标签页。

如何从零开始绘制像素画

  1. 1

    选择逻辑网格

    为工程命名,并将宽度和高度分别设为 4 至 64 像素;方形预设可快速建立常用画布。

  2. 2

    绘制并细修

    从工作调色板选色,用铅笔、橡皮擦、填充或取色工具创作;可开启水平或垂直镜像,并按整段笔画撤销。

  3. 3

    检查精灵图

    导出前确认逻辑尺寸、已着色像素数和使用的颜色数量。

  4. 4

    导出清晰文件

    以整数倍缩放下载透明 PNG,或导出紧凑 SVG;也可保存经过校验的工程 JSON,日后继续编辑。

为逐格创作而设计的像素画工具

像素画的每个格子都由创作者亲自决定。编辑器从透明的空白网格开始,每个逻辑像素只保存一种颜色或透明状态。它不会把照片平均处理成马赛克方块;如需这种效果,请使用图片像素化工具。本工具也不会根据 AI 提示词生成图像。

较小的网格有助于提炼清楚的轮廓,较大的网格则能容纳阴影和配饰。下面是实用的起点,而非平台限制:

逻辑画布 适合的入门用途
8×8 微型符号、字形练习和简单图块
16×16 界面图标、道具栏物品和小型精灵图
32×32 人物、怪物和游戏道具
64×64 细节丰富的精灵图、头像和较大的独立作品

放大后仍保持像素边缘清晰

导出 PNG 时采用整数倍缩放并关闭图像平滑。因此,16×16 原图中的一个像素会准确变成 4×4、8×8 或更大的方块,不会出现模糊边缘。棋盘格背景和可选网格线只是编辑辅助,绝不会写入文件;透明格导出后仍然透明。

SVG 导出使用边缘清晰的矩形,并省略透明格。工程 JSON 会保留可编辑的逻辑网格和工作调色板。这是 Hyperion 的工程格式,不能代替桌面像素画软件所用的分层文件格式。

绘图工具与镜像规则

  • 铅笔为格子着色,并连接快速移动时采样到的点,避免笔画断裂。
  • 橡皮擦把格子恢复为透明。
  • 填充替换四向连通的区域;只在对角线相接的区域仍彼此独立。
  • 取色器选取现有格子的颜色;取到透明格时会自动切换到橡皮擦。
  • 镜像绘制可将操作左右、上下或同时双向映射;位于中心的行列只应用一次。

鼠标、触控笔、触摸和键盘都操作同一逻辑网格。让画布获得焦点后,用方向键移动当前格,再按空格键或 Enter 应用所选工具。P、E、F、I 可切换工具,Delete 擦除,Ctrl/Cmd+Z 撤销。

浏览器运行方式与技术参考

编辑器使用浏览器的 Canvas APIPointer Events 和画布的图像平滑控制。PNG 通过画布的 Blob 导出 API生成。键盘与指针交互参照 WCAG 2.2 的可操作性指南设计。

作品、工程名和调色板只保存在浏览器本地工程状态中,不会加入网址或服务器请求载荷。切换漏斗步骤时,页面仍会发出正常的文档请求。如果标签页存储不可用,完整的单页编辑器仍可在内存中工作,但漏斗不会继续跳转,以免工程在用户不知情的情况下丢失。

常见问题

不是。这是一款从空白网格开始的手绘像素画工具。每种颜色和每个格子都由你决定,可使用铅笔、橡皮擦、填充、取色器和可选镜像绘制。它不接收提示词,也不会调用生成式服务。

本工具从空白网格创作新作品;图片像素化工具则读取上传的照片或插画,将其缩减为较大的平均色块,两者满足的是不同需求。

小图标可从 16×16 开始,人物或道具精灵图可试试 32×32。练习轮廓时宜从较小尺寸入手,只有需要更多细节时才用 64×64。宽高均可在 4 至 64 像素之间独立设置。

可以。空白或擦除后的格子在 PNG 中 Alpha 值为零。编辑器里的棋盘格只用于表示透明,不会导出。

导出时,每个逻辑像素都会按准确的整数倍放大,并关闭图像平滑,不会在相邻格之间插入过渡色。

不可以。当前版本一次只编辑一张静态图。可在这里分别导出各帧,完成后再用独立的精灵图集生成器将它们打包成一张图集。

画布支持鼠标、触控笔和单指触摸,也可完全用键盘操作:方向键移动当前格,空格键或 Enter 应用工具,字母快捷键切换工具。

不会。作品、工程名、调色板和导出文件都不会由编辑器上传,工程状态保存在当前浏览器标签页中。打开页面或切换漏斗步骤时,浏览器仍会发出正常的文档请求。

相关工具

此工具还提供其他语言版本