浏览器图像抖动工具

图片抖动 用有限配色组织明暗

使用图片抖动把照片或插画转换成有设计感的低色数点阵。并排比较规则点阵与扩散颗粒,调整明暗,并保持输出边缘清晰。

提供黑白、预设双色、四色与自定义双色;图片像素在当前浏览器中处理。

用两种真正不同的方法做图片抖动

上传一次图片,同时比较 Bayer 4×4 有序抖动与 Floyd–Steinberg 误差扩散结果,再选择更能保留主体的版本导出无损 PNG。

并排比较两种图片抖动方案

选择更能保留主体的版本;下载按钮会导出当前选中的卡片。

扩散颗粒

两种抖动结果会显示在这里

上传或粘贴图片后,将用相同配色与明暗设置同时生成规则点阵和扩散颗粒。

规则点阵

Bayer 4×4

使用规则点阵

扩散颗粒

Floyd–Steinberg

已选择

上传、拖放或粘贴图片即可开始。

抖动输出数据

原图尺寸
—
抖动网格
—
PNG 尺寸
—
已选方法
—
配色数量
—
实际 PNG 大小
—
导出格式
PNG

编辑器在当前浏览器标签页处理图片像素;站点仍会使用广告和分析。

黑白外观不代表导出的 PNG 文件采用真正的一位色深编码。

图片抖动、像素艺术还是颜色减少?

图像抖动、像素艺术转换和复古图片转换彼此相关,但选对操作才能让输出更可控。

用图片抖动制作明暗纹理

有限配色仍需要组织明暗过渡时,可以使用这个工具。

抖动
打开抖动工具

把照片转换成像素艺术

更关心像素块大小、颜色减少和图块预览时,使用像素艺术转换器。

像素艺术
制作像素艺术

像素化整张图片

只想制作粗大像素块,而不需要有限配色的点阵过渡时,使用图片像素化工具。

像素化
像素化图片

更好地保留主体的图片抖动流程

源图的轮廓和明暗不同,适合的点阵结构也不同。

用规则网点做图片抖动

海报、界面图形、电子墨水屏实验和几何复古纹理适合 Bayer 规则点阵。重复矩阵让网点结构清晰而且可预测。

骑行者与城市画面从灰度照片过渡为黑色和米白色规则抖动点阵

用扩散颗粒做图片抖动

照片、人脸和柔和渐变适合 Floyd–Steinberg 误差扩散。量化误差会传递到邻近像素,产生自然细节,而不是覆盖一层随意的随机噪点。

山间湖景从灰度照片过渡为深蓝与桃色误差扩散抖动效果

如何可控地完成图片抖动

先确定颜色范围,再比较方法,最后决定输出像素尺寸。

01

先选配色再做图片抖动

从黑白、预设双色、四色或自定义双色中选择。颜色越少,图形约束越强,轮廓和明暗关系也越重要。

  • 高对比双色更容易保留轮廓
  • 同时检查亮部和暗部
选择配色
02

在目标分辨率下做图片抖动

比较点阵前先设置处理分辨率。较小网格会放大颗粒,较大网格能保留更多人脸、物体与边缘细节。

清晰放大只改变输出尺寸,不会重新计算点阵。

03

图片抖动后检查实际 PNG

选择规则点阵或扩散颗粒,核对实际 PNG 尺寸与文件大小后再下载。文件大小取决于真实编码结果,不是抖动或压缩承诺。

图片抖动常见问题

根据用户常搜的黑白抖动、算法选择、配色、放大、隐私和 PNG 导出问题整理。

图片抖动工具究竟做了什么?

图片抖动会先限制可用颜色,再安排这些颜色的位置,让人眼仍能感知中间色调。抖动是在组织阈值或量化误差,并不等于给照片简单叠加随机噪点。

图片抖动应该选择哪种算法?

照片、人脸、天空和柔和渐变通常适合 Floyd–Steinberg 扩散颗粒;海报、规则网点、几何纹理和早期屏幕效果通常适合 Bayer 4×4 规则点阵。最好并排比较,因为主体不同,保留效果也不同。

怎样制作黑白抖动效果?

选择黑白配色,再调节亮度和对比度,直到主体清楚。降低处理分辨率会得到更大的可见网点,提高分辨率则保留更多细节;需要亮底变暗底时可以开启反相。

可以用自定义颜色做图片抖动吗?

可以。选择自定义双色后设置暗色与亮色。工具会按图像亮度把像素映射到这组颜色,通常比把每个原始 RGB 颜色直接匹配到两个差异很大的颜色更能保留结构。

为什么图片抖动前要设置处理分辨率?

处理分辨率决定真正的点阵网格。编辑器会先在这个尺寸下生成抖动,再用最近邻方式放大,所以从 1× 改为 2× 或 4× 时,点阵结构保持稳定,像素边缘也不会变模糊。

黑白图片抖动导出的是一位色深 PNG 吗?

本工具不会这样宣传。可见结果只使用两种 RGB 颜色,但浏览器 canvas 导出的 PNG 仍可能采用更高位深。除非文件检测工具确认是一位编码,否则应把它理解为具有双色外观的 PNG。

图片抖动可以压缩文件吗?

抖动和压缩是不同操作。有限配色可能改变 PNG 大小,但像素尺寸、透明通道、点阵结构和编码器也会影响结果。本工具显示实际生成的 PNG 大小,不承诺文件一定更小。

图片抖动会把照片上传到服务器吗?

编辑器会在当前浏览器标签页读取、处理、预览并导出图片像素,这个工具不会把图片文件发给图像处理服务器;不过网站仍会使用广告和分析。

用清晰可控的点阵完成图片抖动

选择配色,并排比较规则点阵与扩散颗粒,再保留更能呈现主体的方案。

导出清晰 PNG,并以实际尺寸和文件大小为准。

黑白外观不代表文件采用真正的一位色深编码。