ZH

在线创建像素画

从空白画布开始,用真正的编辑器绘制像素画:图层、不透明度、混合模式、实时调色板、完整撤销历史和矢量导出。

Turn Pictures Into Pixel Art

几秒钟即可把照片做成像素画。逐像素编辑,做成动画,下载你的作品。

🔒 你的图片不会离开设备。所有处理都在浏览器中运行。

Sakura

用 PixiMelon 制作 · 上传。像素化。编辑。动画。下载。

1上传。 放入任意图片。
2像素化。 选择尺寸和颜色。
3编辑。 修正每个像素。
4动画。 让它动起来。
5下载。 PNG、SVG、PDF 或 GIF。

把你的图片转成像素画

上传图片,几秒钟即可做出像素画。

把图片拖放到这里

PNG · JPG · WEBP · SVG · PDF · AI ——还可以粘贴图片(Ctrl/⌘ + V)

新建像素画

选择画布尺寸开始绘制。

自定义
×

像素动画

选择画布尺寸开始制作动画。

自定义
×

把你的视频转成像素画

上传视频,几秒钟即可做出像素动画。所有处理都在你的设备上运行。

把视频拖放到这里

MP4 · WebM · MOV ——本地处理,绝不上传

从合适的画布开始

16 × 16 适合小精灵和图标,32 × 32 适合经典游戏精灵,64 × 64 适合细致刻画,128 × 128 适合场景——也可以输入 4 到 2048 像素之间的任意自定义尺寸。工具栏始终显示当前画布尺寸,随时用宽 × 高输入框调整,作品会跟着缩放到新尺寸。

你真正拥有的工具

图层、不透明度和混合模式

每个画布都支持多个可命名图层:显示隐藏开关、锁定、免拖拽排序、单层不透明度,以及正常、正片叠底、滤色、叠加、变暗、变亮和差值七种混合模式。用 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:透明通道会原样保留。

继续探索