怎么把照片做成像素画:网格、色数与块大小怎么选
怎么用照片做像素画?
用照片做像素画,就是先把照片裁到一个清楚的主体,再切成大小一致的方块网格,把颜色压缩到一个小色板里,最后决定渐变部分要不要用抖动。真正影响结果的主要是三个设置:方块大小、颜色数,以及抖动开或关。
这篇只讲实际操作。如果你想知道 AI 生图为什么做不好这件事,可以看《AI 为什么画不好真正的像素画?》。
开始之前需要什么
你需要一张照片,以及一种把它变成网格的方法:可以在像素编辑器里手工画,也可以先让转换工具出一版初稿,再手动修。
大多数人会先用转换工具,因为照着照片一格一格手点太慢。工具几秒钟就能给出整齐的网格和固定色板,你可以把时间花在真正需要判断的地方:脸、轮廓和背景。
第一步:选对照片,裁好构图
照片本身比任何参数都重要。像素画会丢掉绝大部分细节,剩下的部分必须一眼能认出来。
适合转换的照片:
- 主体单一清楚。 一个人、一只宠物、一栋建筑或一个物件。
- 背景简单。 纯色墙面或天空,比热闹的街景好得多。
- 光线均匀。 主体和背景之间有明显区分。
容易“糊掉”的照片:满是细碎纹理的(草地、碎石、人群)、光线很暗的,以及主体在画面里很小的大场景。
转换前先裁紧。如果主体只占画面四分之一,它也只能分到四分之一的方块。裁到主体,是让结果更好认的最简单办法。
第二步:选方块大小
方块大小指一个像素画方块包含多少原图像素,它决定了画面有多“粗”。
- 方块大: 像早期电子游戏,形状变得简单,脸可能只剩几个色块。
- 方块小: 保留更多细节,但看起来更像低分辨率照片,像素画的味道变淡。
一个好用的思路是算“横向能放几个方块”。在 Artgen 上,转换前图片会按比例缩小,最长边不超过 512 像素。按这个尺寸,方块大小为 8 时长边最多 64 格,16 时最多 32 格,32 时最多 16 格。
大致参考:
- 头像或图标: 方块大一些,缩小显示时也能认出来。
- 重视脸部的人像: 方块小一些,让眼睛和嘴巴保留下来。
- 场景或风景: 中等方块,接受小细节会合并。
拿不准时先取中间值,每次只往一个方向调。
第三步:选颜色数
像素画用的是有限色板。颜色越少越复古、越有图形感;颜色越多越接近原照片。
- 8 色: 对比强、像海报,复古感最重,适合简单主体和图标。
- 16 色: 大多数照片的平衡选择。
- 32 色: 肤色和天空更平滑,更接近原图。
颜色从哪来也有影响。从你自己照片里提取的色板,能保留原图的整体气氛;固定的预设色板(比如某款老游戏机的配色)会让画面更有统一的“年代感”,但颜色可能偏差很大。
第四步:决定要不要抖动
抖动是让两种色板颜色交错排列,用来模拟色板里没有的过渡色。
- 开启抖动: 天空、皮肤、柔和阴影这类渐变更平滑,但会有颗粒感。
- 关闭抖动: 色块干净平整,更适合图标、头像和边缘清晰的东西。
简单判断:照片里有大面积平滑渐变,就两种都试一下;如果主要是平涂色块和轮廓,就关掉。
第五步:用 Artgen 转换照片
Artgen 的图片转像素画工具用固定算法帮你处理网格和色板。
- 打开图片转像素画并登录。上传不超过 5 MB 的 PNG、JPEG 或 WebP 图片,或者点「试用示例图片」。
- 设置像素大小(4–32,默认 8)、调色板色数(8、16 或 32,默认 16)和抖动过渡(默认“否”)。
- 点击「转换图片」。改了设置之后要再点一次,结果才会更新。
- 和原图对比效果,在离开或刷新页面前下载 PNG。
色板是用 median-cut 方法从你的图片里提取的,同一张图片在相同设置下总是得到相同结果,所以很方便并排比较不同参数。这是固定效果:登录后免费使用,无需积分。
它不做的事:输出是一张 PNG,上传图片里的透明区域会变成白色;也不生成精灵图集、动画帧,或拼豆、十字绣图纸。
第六步:手动修整
转换工具给的是一版扎实的初稿。再动手改几处,就更像人画的像素画:
- 修眼睛和嘴巴。 尺寸小时它们常常糊成一块,用一两个清楚的像素重新点出来。
- 加轮廓线。 在主体外围加一圈 1 像素的深色描边,让它和背景分开。
- 清掉杂点。 孤立的、颜色奇怪的单个方块通常像噪点,换成相邻的颜色。
- 简化背景。 如果背景抢眼,就用一两种平涂色填满。
任何像素编辑器都能做这些事,放大到每个方块都好点选就行。
常见误区
- 一次改所有参数。 每次只改一个设置,才看得出它起了什么作用。
- 小图用太多颜色。 方块本来就少,多出来的颜色大多只会变成杂点。
- 跳过裁剪。 大场景里的小主体,在大方块下几乎都认不出来。
怎么把像素画放大显示
像素画常常要放大展示。想保持边缘锐利,就按整数倍(2 倍、3 倍、4 倍)放大,并使用**最近邻(nearest-neighbor)**插值。其他插值方式会把方块边缘糊成过渡色。
在网页上,CSS 的 image-rendering: pixelated; 可以让浏览器缩放图片时保持像素清晰。