在线创建像素画
从空白画布开始,用真正的编辑器绘制像素画:图层、不透明度、混合模式、实时调色板、完整撤销历史和矢量导出。
Turn Pictures Into Pixel Art
几秒钟即可把照片做成像素画。逐像素编辑,做成动画,下载你的作品。
🔒 你的图片不会离开设备。所有处理都在浏览器中运行。
Sakura
用 PixiMelon 制作 · 上传。像素化。编辑。动画。下载。
把你的图片转成像素画
上传图片,几秒钟即可做出像素画。
把图片拖放到这里
或
PNG · JPG · WEBP · SVG · PDF · AI ——还可以粘贴图片(Ctrl/⌘ + V)
新建像素画
选择画布尺寸开始绘制。
像素动画
选择画布尺寸开始制作动画。
把你的视频转成像素画
上传视频,几秒钟即可做出像素动画。所有处理都在你的设备上运行。
把视频拖放到这里
MP4 · WebM · MOV ——本地处理,绝不上传
正在处理第 1 / 1 帧
从合适的画布开始
16 × 16 适合小精灵和图标,32 × 32 适合经典游戏精灵,64 × 64 适合细致刻画,128 × 128 适合场景——也可以输入 4 到 2048 像素之间的任意自定义尺寸。工具栏始终显示当前画布尺寸,随时用宽 × 高输入框调整,作品会跟着缩放到新尺寸。
你真正拥有的工具
- 铅笔(B) — 每次点击画一个像素,按住 Shift 画直线,按住 Alt 不切换工具直接取色。
- 橡皮(E) — 擦成透明,Alt + 点击擦除整片连通颜色。
- 填充(G) — 泛洪填充,认轮廓线,不会从擦过的缺口漏出去。
- 取色器(I) — 采样任意可见像素,跨图层取色。
- 抓手(空格)和移动 — 移动视图,或移动整个当前图层。
- 撤销 / 重做 — Ctrl/⌘ + Z、Ctrl + Shift + Z 或 Ctrl + Y,历史很深,只受内存限制,而不是固定很小的步数。
- 清空与导入 — 清空当前图层,或把图片、SVG、PDF 页面作为全新图层导入。
图层、不透明度和混合模式
每个画布都支持多个可命名图层:显示隐藏开关、锁定、免拖拽排序、单层不透明度,以及正常、正片叠底、滤色、叠加、变暗、变亮和差值七种混合模式。用 Ctrl/⌘ + C/X/V 整层复制、剪切和粘贴——粘贴很智能:同一帧内会新建图层,跨动画帧会画到对应图层上。在动画工具中,打开 🔗 即可把图层共享到每一帧,背景就是这样做的。
配色不混乱
颜色面板把你收藏的色块和画布上已用的所有颜色合并显示(最多 48 色),边画边自动整理出调色板。用“+ 添加”收藏常用色,用“− 删除”清理。用小调色板作画是一门功夫——调色板教程会告诉你其实需要多少颜色。
缩放、网格与触屏
滚轮缩放、缩放按钮、一键适应、真实 100% 显示,像素足够大时自动出现像素网格。中键、抓手工具或空格 + 拖拽都可平移。触屏全用 Pointer Events,手指和触控笔可以直接绘制。
导出与自动保存
下载原始尺寸(1 倍)PNG、真正的矢量 SVG 或矢量 PDF——项目名称会成为文件名。作品自动保存在你自己的浏览器(localStorage)中,也可以下载完整项目文件(.piximelon.json)备份图层或换设备继续画。刚入门的话,先看如何制作像素画走一遍全流程。
常见问题
新手从多大画布开始?
32 × 32 是经典精灵尺寸,也是最好的默认值。图标用 16 × 16,肖像用 64 × 64,只有明确知道目标分辨率时才用自定义尺寸。
可以用多少图层?
没有固定图层上限,只受设备内存限制。给图层起好名字,画完就锁定,多用不透明度和混合模式,别急着合并。
编辑器会自动保存吗?
会,保存在你自己的浏览器 localStorage 中,重要作品建议再手动下载项目文件备份。清除网站数据会删掉自动保存,重要作品一定要下载项目文件。
可以描着照片画吗?
可以——用导入按钮把图片、SVG 或 PDF 页面放成新图层,在上面的图层绘制,再隐藏或删除参考层即可。
调整宽 × 高和缩放有什么区别?
这里只有一种调整:作品会缩放到新尺寸——像素会被重采样,不会悄悄裁掉。改错了可以撤销,动画工具还可以一次缩放所有帧。
怎么画直线?
用铅笔或橡皮绘制时按住 Shift:松手前会有实时预览把笔触拉直。
能用触控笔或数位板吗?
能。全部操作都基于 Pointer Events,鼠标、手指和触控笔都能直接在画布上绘制。
怎么做带透明的精灵?
把需要消失的区域擦到透明,再导出 PNG:透明通道会原样保留。