工具95

编辑 / 实用图像指南

如何使用调色板将图像转换为像素艺术

在更少的像素中寻找图像。

将图像缩减为小网格,选择其颜色并预览复古效果。选择整数输出比例,然后创建由彩色像素单元组成的 PNG 或 SVG。

跟随指南
真实源文件与下载的输出结果
处理前 编辑前的机器人源图片

原始样本:1200 x 900 像素。

处理后 使用蓝色 Ocean 调色板缩减为 32 x 24 像素网格的机器人

实际下载结果:256 x 192 像素。

该对比使用了原始样本和实际下载的输出结果,并为阅读进行了缩放。不同的画布尺寸以不同的显示比例显示;透明区域遵循页面背景。
广告
快速视频教程 How to turn an image into pixel art Choose an image, set a 32-cell grid and Ocean palette in Settings, then download a crisp PNG at an 8x output scale. English narration. 英语旁白 观看视频

How to turn an image into pixel art

广告

参考经过验证的示例,然后根据您自己的图片调整控件。 打开 图像转像素艺术.

01

选择清晰的主体

打开“图像转像素艺术”并选择“尝试示例”以加载原始机器人插图,或上传您自己的图像。样本为 1200 x 900 像素。清晰的轮廓和简单的背景在细节减少后更容易识别。

此工具对现有图像进行采样和重新着色。它不使用 AI 来创造场景或重绘主体。源文件保持不变。

如果主体仅占据图像的一小部分,请在像素化照片前尝试进行紧凑裁剪。

02

设置网格和调色板

在手机上打开“设置”。将“最长边(像素)”设置为 32。该工具使用该值作为最长边并保留源比例,使样本具有 32 x 24 的单元格网格。快速选项还包括 16、64、128 和 256。

在调色板菜单中选择 Ocean 以重现示例。它将图片映射到固定的六色调色板。从您的图像中派生出 2 到 32 种颜色;“原始颜色”保留采样颜色。其他预设包括“柔和复古”、“掌机”、“黑白”和“黄昏”。

选择“自定义颜色”,然后在“自定义调色板”中输入 2 到 32 个六位 HEX 颜色值。用空格、逗号或分号分隔数值。刻意使用小调色板可以使不相关的细节感觉像是同一设计的一部分。

如果面部或物体变得无法识别,请在增加颜色之前增大网格。

本指南中的示例

原始机器人样本;32 单元格最长网格边 (32 x 24);Ocean 六色调色板;缩减前平滑;无抖动;输出比例 8x;PNG。实际下载:256 x 192 像素。

来源
1200 x 900 像素
输出
256 x 192 像素
格式
PNG
处理中
在您的浏览器中
03

比较采样和纹理

对于本示例,请在缩减前保持“平滑”且不使用抖动。“平滑”采样将细节混合到每个单元格中。“最近原始像素”采样则不进行这种混合,适合现有的像素图形。

有序抖动引入了规则图案;Floyd-Steinberg 将颜色误差扩散到相邻单元格。两者都可以用小调色板暗示额外的色调,但也可能使简单的形状变得嘈杂。使用“原始颜色”时无法使用抖动。

预览中的像素网格是针对最长边不超过 128 个单元格的网格的预览辅助工具。它不会被绘制到输出中。缩减调色板也简化了透明度:足够透明的单元格会被清除,其他单元格则变为不透明。

与“原始”进行比较,并在尝试非常不同的调色板时使用“撤销”或“重做”。

04

以整数比例导出

保持导出比例为 8x,选择 PNG 并点击“开始”。32 x 24 的网格将变为 256 x 192 像素的文件,每个单元格由 8 x 8 的正方形表示。“下载”保存了比较中使用的实际结果。它包含 Ocean 调色板且没有预览网格线。

可用比例为 1x、2x、4x、8x 和 16x。PNG 方便共享并保留清晰的块状效果。SVG 将像素表示为彩色矩形;它不是平滑的矢量描边。如果其他应用程序放大了 PNG,请使用最近邻插值缩放以避免模糊的单元格边缘。

以 100% 或整数倍查看结果。分数显示比例可能会使即使正确导出的像素看起来也不均匀。

实用详情

常见问题

这是 AI 像素艺术生成器吗?

不是。它将上传的图像采样为网格,并可选择性地缩减其颜色。它不会发明新对象或用 AI 重绘主题。

我应该从什么网格大小开始?

尝试最长边 32 或 64 个单元格。对于简单的轮廓使用较小的网格,当主题需要更多细节时使用较大的网格。

我可以输入自己的调色板吗?

可以。选择“自定义颜色”,然后在“自定义调色板”中输入 2 到 32 个由空格、逗号或分号分隔的六位 HEX 颜色代码。

为什么 PNG 在其他应用中看起来很模糊?

一些查看器会对放大后的图像进行平滑处理。请以整数倍缩放导出,并在其他地方放大结果时使用最近邻插值法。

预览网格会出现在下载的文件中吗?

不会。预览中的像素网格仅作为编辑器辅助工具,不会包含在 PNG 和 SVG 导出文件中。

SVG 是平滑的矢量描边吗?

不是。它包含彩色的矩形像素单元。如果您需要单独的矢量描边工作流,请使用“图像转 SVG”。

轮到你了

在更少的像素中寻找图像。

尝试示例或使用您自己的文件,并在分享前检查结果。

打开 图像转像素艺术

图像详情

语言38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

选择您的语言。视频教程目前使用英语旁白。