帧工坊 FrameCraft 帧工坊 FrameCraft

AI 图转像素素材:豆包生成的图,一键变成能用的像素画

豆包、即梦、SD 出的图很好看,但直接丢进游戏用不了:带着背景、色阶是连续的、边缘一圈半透明毛刺,缩小之后还只是一张「模糊的小照片」——缺了像素画最标志性的那圈描边。这一页把整条链路串起来一次走完:自动认底色并去背(认错了就用吸管点一下,边缘混着的背景色会反解掉,不留灰边),降采样降色到你选的调色板,补一圈像素描边(这步是「像像素画」和「像缩小照片」的分界线),最后整数倍最近邻放大——放大后每个像素依然是方块,不糊。顺手还能去掉背景里的杂点、裁掉四周空白,素材尺寸更紧凑。不用在几个工具之间下载再上传,图片只在你的浏览器里处理,不上传服务器。

自动/手动去背 · 去杂点 · 紧凑裁边 · 8 套调色板或自动取色 · 外沿/内沿描边可调粗细 · 整数倍放大 ×1~×8 · 批量处理 · 原图结果并排对比

1
上传 AI 生成的图
🎨

把图片拖进来,或点这里选

PNG / JPG / WebP,可以一次选多张(一套素材全选拖进来)

本地处理,不上传服务器
还没上传图片
2
调参数,看效果
去背 把 AI 图里的背景色去掉
自动:取四角最常见的颜色
容差 30 边缘羽化 18 主体边缘被啃掉了就把容差调小;背景没抠干净就调大
像素化 降采样 + 降色
像素宽度 96 角色素材 64~128,图标 32,场景 128~256。太小会把眼睛这类细节压没
调色板 色数 16
放大 透明阈值 128
描边 从「缩小的照片」变成像素画的关键一步
粗细
原图(点一下可以用吸管取底色)
还没上传图片
处理后(棋盘格 = 透明)
还没处理
第 1 / 0 张 上传后自动开始处理
3
所有图(点一张切换预览)
4
导出
PNG 序列 ZIP 拼成合图 单张 PNG

怎么用

  1. 上传:把豆包 / 即梦生成的图拖进来,可以一次选多张。没有素材就先点「载入示例图」看效果。
  2. 去背:默认自动认底色(取图片四角最常见的颜色)。认错了就在左图背景上点一下用吸管取色,或者干脆选「不去背」(你的图本来就是透明的)。边缘被啃掉就调小容差,背景没抠干净就调大。
  3. 定像素大小:像素宽度是横向切成多少个色块。角色素材 32~64,图标 32,场景图 128~256。
  4. 开描边:这是最关键的一步。默认外沿 1 格、颜色自动取画面主色调压暗后的深色。想要轮廓更粗选 2 格,想让素材尺寸严格不变就选「内沿」。
  5. 导出:PNG 序列 ZIP(做素材用这个)、拼合图、或单张 PNG。全部保留透明通道。

常见问题

为什么 AI 生成的图一定要加描边?

因为「像素画」和「缩小的照片」的分界线就在这一圈轮廓上。AI 出的图是连续色调、边缘模糊,缩小之后主体和背景糊在一起,读不出形状。补一圈 1 格宽的深色轮廓,形立刻立起来了——这也是老游戏在有限分辨率下让角色可辨识的标准做法。本工具的描边做在像素网格上(降色之后、放大之前),所以 1 格轮廓放大 ×4 就是 4 像素宽的硬边,边缘永远是利落的直角。

自动认的底色不准怎么办?

自动模式取的是图片四角最常见的颜色,绝大多数 AI 出图都够用。如果主体压到了角落、或者背景是渐变,直接在左边的原图上点一下——吸管会把那一点的颜色设为底色并立刻重新处理。背景很复杂(照片级场景)的话,建议先用特效去背处理,再到这一页选「不去背」。

主体里的眼白、高光会不会被一起去掉?

不会——这项专门防的就是它。浅色背景下,主体里的白色部分(眼白、高光、白衣服)和背景色几乎一模一样,纯按颜色抠图会连它一起抠掉(我们第一版就是把示例图的眼睛抠没了)。工具默认勾着「只抠与画面边缘连通的背景」:背景必然连着画面四边,而被主体包住的浅色区域不会——靠这条空间约束就能把两者分开。结果栏会告诉你救回了多少个像素。只有主体自己贴着画面边缘时才需要取消勾选。

「去掉背景杂点」是什么?

色键抠图按颜色相似度工作,背景里只要有一块颜色和底色接近,就会跟着留下来变成孤立的小斑点。勾上这项后,工具会找出所有连通的色块,只保留最大的那一块(主体),其余全部清掉。结果栏会告诉你替你去掉了几块。如果你要保留多个分散的部件(比如一套分开放的角色部件),把它取消勾选。

外沿描边和内沿描边选哪个?

外沿(默认)在主体外面补一圈,内部细节一点不损失,代价是素材尺寸每边多 1~2 格。内沿把主体最外一圈改成描边色,素材尺寸严格不变,适合已经有固定尺寸规范的图集,代价是最外一圈的细节会被轮廓吃掉。做角色、道具这类需要突出形状的素材用外沿。

需要先把 AI 图降噪吗?

不需要,而且不要这么做。我们实测过:区域平均降采样本身就是低通滤波(512 缩到 64,等于每 8×8 个像素取平均),高频噪点在这一步已经被抹平了;额外在源图上做一次中值滤波,反而把结果的脏点率从 3.8% 抬到了 5.6%——它会制造新的阶梯状伪影。所以这一页故意不做任何预处理降噪。

「裁掉四周空白」有什么用?

AI 出图经常在主体四周留大片空白,直接当素材用会白白占包体,拼进图集时也浪费格子。勾上后会自动裁到内容的最小包围盒,素材尺寸更紧凑。注意它按透明判断,所以要先去背(或图本身带透明通道)才有东西可裁。

和「像素风转换」那一页有什么区别?

像素风转换只做后半段(降采样 + 降色 + 放大),适合图已经处理好、只想转像素的场景。这一页是从AI 原图开始的完整链路,多了去背、去杂点、裁边、描边四步,不用在几个工具之间下载再上传。

收费吗?图片会上传吗?

免费,无水印、无需注册。整个处理过程在浏览器本地完成,图片不经过任何服务器。

相关工具