一个完全在浏览器本地运行的像素画工作室。支持网格识别、色彩量化、区域清理、限定色数、像素重构、吸管抠图、透明描边、精灵图集分析与 PNG / 调色板导出。无第三方运行时依赖,图片不会上传。
推荐使用 Node.js 20 或更新版本,在项目目录启动:
npm start然后访问 http://127.0.0.1:8765。如果端口已被占用,可以指定其他端口:
$env:PIXEL_FORGE_PORT = '8766'
npm startHTTP 模式下,识别、优化和描边通过 Web Worker 在后台运行。源码也保留了直接打开 index.html 的降级路径,但 file:// 模式的浏览器限制不同;本次验证环境禁止访问该协议,尚未实测。
- 导入、拖放或粘贴图片,也可以点击「试试示例」。支持 PNG、JPG、WEBP、GIF(第一帧)、SVG;上限 40 MB、2400 万像素,单边不超过 16384 px。
- 自动模式识别像素格并实时生成。手动模式指定格子大小后点击「生成优化结果」。区域清理默认关闭,以免抹掉细节。
- 切换原图 / 优化后检查结果。PNG 和调色板导出跟随当前预览;1× 导出将每个像素格缩成一个像素,结果图使用生成时的网格参数。
- 吸管作用于优化结果中的所有相近颜色。抠图与描边支持撤销上一步;重新生成会从原图开始,替换这些编辑。描边保持画布大小,贴边的外描边可能被裁切。
调色板统计忽略完全透明像素,按 RGB 统计,色卡与调色板文件最多包含前 100 种常见色。大图也使用完整像素计数。图集行列数限制为整数,不能超过图片对应边长;不整除的格子按比例分配边界。
历史通过 IndexedDB 保存最近 16 张导入图片。窄屏通过顶部历史按钮访问记录、输出文件夹;底部按钮切换参数、画布和分析。支持文件夹写入的 Chromium 浏览器可选择本地输出目录,其他浏览器使用下载。
快捷键:Ctrl/Cmd O 导入,Enter 生成,Ctrl/Cmd Z 撤销编辑,0 适应画布,+ / - 缩放,Esc 退出吸管并关闭浮层。滚轮缩放,中键拖动。
npm test
npm run checkpixel-core.js:独立的像素算法,由页面、Worker 和回归测试共享。pixel-worker.js:后台任务与结果传输。app.js:导入、预览、任务状态、历史、导出与界面交互。server.mjs:仅提供应用资源,不暴露 Git 元数据和其他本地文件。
审查发现与验证结果见 REVIEW.md。