Pixel It
用 JavaScript 写的图像处理库,把普通图片按 0 到 50 的块大小重新绘制成像素画,可套用自定义调色板或转灰度,输出 PNG,适合想给网页加像素化小功能的开发者,或需要把照片转成像素风格素材的设计爱好者。
Pixel It 是一个用 JavaScript 写的图像处理库,干一件事:把普通图片变成像素画。你给它一张图,它按你设定的「像素块」大小重新绘制,还能套上自定义调色板或者转成灰度。网页上直接提供了一个试用区,上传图片、拖动滑块就能看到效果,不用写代码也能玩。
主要功能
核心是像素化:块大小从 0 到 50 可调,数值越大颗粒越粗。调色板可以选内置的,也可以上传 .hex、pixilart 或 Paint.net 的 TXT 文件,甚至手动点颜色一个个加。灰度模式单独开关,和调色板叠加时先后顺序会影响最终画面。输出可以下载成 PNG,也能一次导出多张。
给开发者用
它本身是个库,不是独立软件。页面上有快速上手示例:准备一个 img 元素和一个 id 为 pixelitcanvas 的 canvas,引入 pixelit.js,然后 new pixelit().draw().pixelate() 就能跑。配置项包括来源图、目标画布、缩放比例、调色板、最大宽高。API 方法可以链式调用,比如先 convertPalette() 再 convertGrayscale(),顺序不同结果会有细微差别。保存图片用 saveImage(filename),返回 Promise。
适合谁
想给网页加个像素化小功能的开发者,或者需要快速把照片转成像素风格素材的设计爱好者。试用区对普通用户也够用,传图、调参数、下载,流程很短。
限制与注意
项目托管在 GitHub Pages 上,文档和示例都是英文。自定义调色板保存后需要刷新页面才能看到,清除自定义调色板不可逆。作为前端库,它依赖浏览器 canvas,处理大图时性能取决于设备。