← 返回首页
像素画编辑器
画布
100%
功能亮点
多种绘画工具
提供铅笔、橡皮擦、填充、矩形、圆形、直线和吸管七种工具,满足从自由绘制到规则图形的所有需求。
自定义调色板
16 种预设颜色快速取用,也支持通过颜色选择器自由选取任意颜色,精准控制每一个像素。
灵活画布尺寸
支持 16x16、32x32、48x48、64x64 四种画布尺寸,从简单图标到精细像素画都能应对。
缩放与预览
支持实时缩放画布,看清每个像素的细节,并可在任意缩放级别下流畅绘制。
导入与导出
支持导入图片到画布进行二次编辑,成品可导出为 PNG 图片,用于游戏素材或网页图标。
使用步骤
- 在左侧面板选择绘制工具(铅笔 / 橡皮擦 / 填充 / 形状等)。
- 从调色板或颜色选择器中选取当前绘制颜色。
- 在画布上点击或拖拽进行绘制,可随时调整缩放比例查看细节。
- 完成创作后点击导出 PNG 保存作品,或点击导入按钮编辑现有图片。
关于 像素画编辑器
像素画(Pixel Art)是一种复古的数字艺术形式,用有限的像素格和调色板来创作图像,在独立游戏(如 Stardew Valley、Terraria)、像素图标设计和复古风格表情包中仍然非常流行。本工具提供简易的像素绘制界面,支持自定义网格大小、调色板选择、绘制/橡皮擦/填充模式、网格线显示/隐藏,以及导出 PNG。所有绘制在浏览器本地完成。适合独立游戏开发者快速绘制游戏素材的草图、设计师制作像素风表情包和小图标、或教育者教小朋友理解「图像是由像素构成的」概念。
常见问题
- 导出的 PNG 为什么很模糊?
像素画的魅力在于每个像素清晰可见。如果导出的 PNG 看起来模糊,很可能是被浏览器或图片查看器平滑缩放了。解决办法:① 导出时选择 1x 分辨率(不放大);② 如需放大,使用最近邻(Nearest Neighbor)插值而非双线性/双三次插值——这样才能保持像素的锐利边缘。在 CSS 中可以用
image-rendering: pixelated;来控制。- 如何绘制直线或规则形状?
选择矩形、圆形或直线工具后,在画布上按住拖拽即可绘制对应的图形。绘制矩形或圆形时按住 Shift 键可以约束为正方形或正圆。使用填充工具可以一键填充相连的同色区域。