像素画 / 图标编辑器 — 免费在线工具
像素画 / 图标编辑器是 CintaBox 芯塔盒在线工具箱提供的免费在线工具:网格画布上逐像素绘制: 铅笔 / 橡皮 / 油漆桶 / 吸管 / 直线 / 矩形 六种工具 + 16 色调色板(可自定义)+ 画布尺寸(8×8~64×64)+ 缩放 + 网格显示 → 撤销/重做、水平/垂直翻转 → 按倍数放大导出 PNG(保留透明背景)。做像素画、游戏素材(sprite)、favicon 图标、emoji 表情等最顺手。逐格手绘是必须用电脑手动操作的事, AI 画不出你想要的那张像素图; 而且油漆桶洪水填充、拖拽画线自动补格、翻转等格算法要算对才不溢出不断格。图片全程在你浏览器本机处理, 0 vendor 依赖, 不上传服务器。 ⛔ v0.2 撤销与资源:v0.1 的撤销栈有三处静默错误。① 撤销一次「改画布尺寸」之后**重做永久失效** ——还原时把画布尺寸控件设回旧值会回调 resize 再压一帧,而压栈在非栈顶时会截断 redo 分支,那一帧原始快照直接被顶掉(真机实测:撤销后位置从 2 走到 1 又被顶回 2,历史长度纹丝不动)。② 拖拽用的 window 事件**从来没解绑**:建 3 个实例再全部销毁,实测新增 6 个监听器、移除 0 个,每个闭包都攥着已销毁画布的全部格子与整条历史 —— 功能上零症状,只有数监听器才看得见(现已净残留 0)。③ 撤销栈满 60 步后丢最早的快照丢得**无声无息**,撤销按钮同时变灰,看起来完全像「已经撤到底了」;现在界面常驻一行「历史 N/M 步 · 最早的 K 步已超出上限被丢弃 · 已撤到现存最早一帧,回不到空白画布了」。另外吸管点在透明格上原本什么都不做也不说(看着像坏了),现在直接切到橡皮并说明。 ⭐ v0.3 favicon 闭环:**导入现成图片**接着改(favicon/sprite 的真实用法多是改一张已有的图,v0.1 只能从空白画起,工具第一句话写的 favicon 场景其实闭不了环)——源图整幅按原尺寸读进来自己**最近邻**取样,而不是用 drawImage 缩放:后者是双线性平滑的,一张 16 色的图缩完会冒出上千个过渡色,对像素画那不是「缩小」而是「毁掉」;半透明按 50% 门槛二值化并把门槛写在提示里。**导出 .ico**(自研封装,0 vendor,对标的 Piskel 与 Lospec 都没有):帧写成 DIB 而不是 PNG,因为 PNG 帧要 Vista 之后才认,而图标最常用的 16/32/48 恰恰是老解析器最多的尺寸;头里的高度是图像高度的两倍(彩色图 + 1bpp 掩码两块叠在一起)、行序自底向上、掩码在全透明处置 1,三处都逐字节钉死并用**独立写的解析器**读回验证。整张画布全透明时会被拦下 ——按图标规范,全透明的帧会被当成**完全不透明的纯黑**。尺寸取「原尺寸 + 16/32/48/64 里是原尺寸整数倍的那些」,只做整数倍放大,不会糊出新颜色。导出尺寸也不再靠猜:常驻写明「PNG 将导出 256×256(画布 16×16 的 16 倍)」——原来界面上只有一个「×16」,而那个默认值对 favicon 场景恰恰是错的。 ⭐⭐ v0.4 键盘可用与手机可用:画布原本只能用鼠标点坐标,**键盘用户完全用不了**。现在画布本身可聚焦(方向键走格、Shift 一次 5 格、**到边界停住不回绕**、回车落笔、Esc 取消,直线与矩形是两段式),每一步用 aria-live 播报「光标第几列第几行、什么颜色、什么工具」,画布上也画出光标框;B/E/G/I/L/R 切工具、N 网格、[ ] 缩放、Ctrl+Z 撤销、Ctrl+Shift+Z 重做,快捷键只挂在画布上而不是全局(全局劫持 Ctrl+Z 会把页面别处输入框的撤销也吃掉)。375px 上六个工具排不下、segmentedbutton 自己不换行,实测「矩形」被裁在屏幕外而页面又没有横向滚动 ——手机上根本点不到最后一个工具,现在工具条独立可横滑且文字不再被压成省略号。性能是量过之后**决定不改**的:64×64 画布 2560×2560 的全量重绘单次 1.93ms,远在一帧预算之内。键盘光标的「不回绕」判定下沉到引擎里(可断言、可变异),其余键盘/快捷键/布局改动靠真机程序化驱动核过。Node selfTest 14 → **53/0**,三轮变异 7+11+3 条全红。无需注册、无需安装软件,打开网页即可使用,处理全程在浏览器本机完成,文件不上传服务器。
功能特点
- 支持像素画
- 支持图标
- favicon
- 支持绘图
- 支持ico
- pixel art
- 完全免费,无需注册登录
- 处理全程在浏览器本机完成,文件不上传服务器,隐私安全
使用步骤
- 在浏览器中打开「像素画 / 图标编辑器」工具页面(点击本页“立即使用”按钮);
- 按页面提示输入内容或选择文件;
- 工具在浏览器本机即时处理并展示结果;
- 查看、复制或下载处理结果。
常见问题
- 像素画 / 图标编辑器是免费的吗?
- 是的,像素画 / 图标编辑器完全免费,无需注册、无广告干扰,打开即用。
- 我的文件/数据会被上传到服务器吗?
- 不会。像素画 / 图标编辑器的处理全程在你的浏览器本机完成,文件与数据不上传服务器,断网也能用,隐私安全。
- 需要安装软件或插件吗?
- 不需要。任何现代浏览器(Chrome / Edge / Firefox / Safari)直接打开网页即可使用,手机浏览器同样支持。