Menu
广告

图片转像素画工具

用复古调色板、抖动和网格,把任意照片变成像素画。

作者 Nethanel Bar, Co-founder & CEO

最后更新

广告

准备好真正学会编程了吗?

Coddy 让你在浏览器里编写真实代码来学习:互动课程、即时反馈,卡住时还有 AI 帮忙。

图片转像素画工具是什么?

图片转像素画工具能把普通照片或绘画变成像素画:先把图片缩小成由小方块组成的网格,再把颜色压缩到一个精简的调色板,最后以锐利的硬边放大回来。原本平滑的照片,就变成了复古的游戏风格图像。

两个关键步骤完成了主要工作。“缩小”会把照片的每个区域平均成一个像素,宽度由你决定,从 8 到 128 像素。“颜色量化”再把每个像素映射到调色板中最接近的颜色:可以保留原始颜色,让工具自动选出最合适的 N 种颜色,也可以用 16 色、32 色、绿色 LCD 或单色调色板强制呈现复古效果。可选的抖动会以棋盘格图案混合相邻颜色,老式游戏机正是用这个技巧来表现渐变的。

一切都在你的浏览器本地运行,图片绝不会上传。可以用来做头像,做游戏素材草稿、8 位风格海报;也可以打开像素网格,把输出当作拼豆、十字绣或方块建造游戏的图纸。点一下就能把结果发送到像素画制作工具,逐个像素地编辑。

转换图片时你会学到什么

  • 分辨率就是信息量。宽 32 像素时,一张脸只剩个大概;宽 96 像素时就认得出来了。拖动滑块观察,就能明白哪些细节在压缩后得以保留。
  • 颜色量化通过选取最接近的颜色,把照片中数百万种颜色映射到一个小调色板上,这和 GIF 编码、老式显示硬件背后的思路是一样的。
  • 抖动通过按图案交替排列两种调色板颜色,模拟出更多颜色。这就是复古游戏只用 16 种颜色也能画出日落的原因。
  • 像素画必须用最近邻插值缩放。导出时会把每个方块放大成锐利的正方形,而不是平滑成一片模糊。

如何把照片变成像素画

  1. 放入图片

    点击上传区域,或把 PNG、JPG、WebP、SVG 拖进去。图片始终留在你的设备上,转换完全在浏览器中进行。

  2. 选择像素宽度

    在 8 到 128 像素之间拖动。像素越少,画面越粗犷、越抽象;像素越多,细节越丰富。人像通常在 48 到 96 之间效果最好。

  3. 选择调色板和抖动

    “原始颜色”保留照片的颜色。“自动”为这张图片选出最合适的 N 种颜色。复古调色板会强制呈现经典游戏风格,试试“绿色 LCD”,找找掌机的感觉。打开抖动可以让渐变更平滑。

  4. 导出

    下载最高 32 倍放大的 PNG;如果想要一张照着拼的图纸,先打开像素网格;也可以把结果发送到像素画制作工具,逐个像素地修整。

设置速查表

常见转换场景的推荐起始设置。

用途像素宽度调色板
头像48-64自动,16 至 32 色,开启抖动
游戏素材草稿16-32复古 16 色或复古 32 色,关闭抖动
复古掌机风格64-96绿色 LCD,开启抖动
海报 / 壁纸底图96-128自动,32 至 64 色,开启抖动
拼豆 / 十字绣图纸24-48自动,少量颜色,开启像素网格
极简 / 粗野主义艺术16-32单色,开启抖动

可以试试的转换

用自拍做复古头像

设置

像素宽度:56 调色板:自动(16 色) 抖动:开启 导出:16 倍 PNG

一张脸只需要足以看清眼睛的分辨率。自动调色板让肤色保持自然,而较少的颜色数量带来经典像素肖像的感觉。

掌机截图风格

设置

像素宽度:80 调色板:绿色 LCD(4) 抖动:开启 导出:8 倍 PNG

四种深浅的绿色加上抖动,一眼就能认出是初代掌机的美学风格。高对比度的照片转换效果最好,因为调色板只有四个亮度层级可用。

拼豆或十字绣图纸

设置

像素宽度:32 调色板:自动(8 至 12 色) 抖动:关闭 像素网格:开启 导出:16 倍 PNG

关闭抖动,让每个区域都是一种纯色,方便对应到拼豆或绣线的颜色;再带着网格导出,每个格子就是要放的一颗拼豆或一针。

常见的转换错误

  • 用 16 像素宽转换一张杂乱的照片,还指望得到一幅人像。极低的分辨率适合简单、高对比度的主体,转换前先裁紧一点。
  • 处理渐变时关闭了抖动。没有抖动,天空和皮肤会变成生硬的色带。
  • 用 64 种颜色追求“复古”效果。老硬件只用 4 到 32 种颜色,限制本身就是风格。
  • 在其他应用中开着平滑选项放大结果。应该直接导出你需要的尺寸;这个工具缩放时会保留硬朗的像素边缘。
  • 指望 JPG 有透明背景。只有 PNG、WebP 和 SVG 源文件带有 Alpha 通道;JPG 总是填满整个画面。

图片转像素画常见问题

怎么把图片转换成像素画?

上传图片,选择结果的像素宽度,挑一个调色板,然后下载 PNG。转换工具会把照片缩小到你设定的网格,把每个像素对齐到调色板颜色,并以锐利、不平滑的边缘导出。

照片转像素画的最佳设置是什么?

大多数照片:宽 48 到 64 像素,自动调色板 16 色,开启抖动。想要图标般的效果就调低(16 至 32 像素);比起粗犷感更看重细节时就调高(96 至 128)。

抖动是什么?

抖动以精细的图案交替排列两种调色板颜色,让眼睛把它们混合成介于两者之间的色调。它能让原本会出现色带的渐变变得平滑,经典游戏机和 GIF 用的也是这种技术。想要大面积纯色时(例如做拼豆图纸)就把它关掉。

各个调色板有什么作用?

“原始颜色”保留缩小后照片产生的所有颜色。“自动”会分析你的图片,选出最具代表性的 N 种颜色(中位切分算法)。“复古 16 色”和“复古 32 色”把图片对齐到经典像素画调色板,“绿色 LCD”带来四色阶的掌机效果,“单色”则是灰度。

能生成网格,用拼豆或方块把图片拼出来吗?

可以。打开像素网格后,预览和导出的 PNG 中每个格子都会有可见的边框。这样输出就成了现成的图纸,可以用来做拼豆、十字绣、马赛克,或在方块建造游戏里搭建。

能逐个像素地编辑结果吗?

可以。“在像素画制作工具中编辑”会把转换好的网格直接发送到像素画制作工具,你可以在那里修正零散的像素、给区域重新上色、添加细节,甚至制作动画帧,然后再从那里导出。

为什么结果在我的看图软件里显得模糊?

有些看图软件放大时会平滑图像。导出的 PNG 本身是硬边的,用 16 倍或 32 倍导出,不用放大也能以完全清晰的效果显示。

我的照片会上传到服务器吗?

不会。整个转换过程(缩小、调色板映射、抖动、导出)都在你的浏览器本地运行。图片不会离开你的设备,而且这个工具免费,无需注册。

了解更多

其他开发者工具

Coddy 编程语言插图

和 Coddy 一起学编程

开始