图像抖动处理
步 / 4
选择图像
打开 PNG、JPEG 或 WebP,在浏览器中进行本地处理。
PNG、JPEG 或 WebP · 最大 15 MiB · 每边不超过 8,192 px,且不超过 20 百万像素
× px
选择抖动样式
选择算法、输出调色板、效果强度和处理比例。
为保持浏览器响应流畅,即使允许更大的源图像,输出也会自动限制为 4 百万像素。
检查结果
下载前,请将原图与有限调色板 PNG 进行比较。
下载 PNG
将结果画布中显示的像素原样保存为 PNG。
使用 Floyd-Steinberg、Atkinson 或 Bayer 4×4 将 PNG、JPEG 或 WebP 转为有限调色板光栅。选择单色、灰度或有限色彩后导出 PNG。处理只在浏览器中进行,不会上传、通过我们的服务器发送或放入 URL。流程模式可按标签页保留临时副本两小时;Reset 会删除,数据也会自动过期。这是确定性像素处理,不是 AI 或矢量转换。输入上限为 15 MiB、20 百万像素和每边 8,192 像素;为保持响应速度,输出自动限制在 4 百万像素。抖动只改变 RGB,原始 alpha 保持不变。
如何在浏览器中对图像进行抖动处理
-
1
选择图像
打开不超过 15 MiB、20 百万像素和每边 8,192 像素的 PNG、JPEG 或 WebP,并在本地解码。
-
2
选择算法
使用 Floyd-Steinberg 或 Atkinson 误差扩散,或者选择 Bayer 4×4 获得规则的有序图案。
-
3
选择调色板
选择单色、灰度或有限色彩,检查缩减后的颜色如何表现渐变、边缘和纹理。
-
4
下载 PNG
以合适的缩放比例检查光栅预览,然后将处理后的像素导出为保留源 alpha 的 PNG。
三种算法的区别
抖动通过在空间中排列可用像素,用较小的颜色集合表现色调。Floyd 和 Steinberg 在 1976 年的论文 An Adaptive Algorithm for Spatial Greyscale中提出前向误差扩散。每个量化像素留下的误差会分配给尚未处理的相邻像素。与整幅图像使用单一阈值相比,这通常产生细密、不规则的纹理,并能更好地保留渐进变化。
Atkinson 也使用误差扩散,但相邻像素模式和保留的误差量不同。Apple 将 Floyd-Steinberg 和 Atkinson 列为两种独立的 vImage 抖动方法。Atkinson 往往更清晰、对比度更高,但可能损失部分平滑的色调变化。
Bayer 4×4 是有序抖动。它在整幅图像上重复固定的 4×4 阈值矩阵,而不是把误差从一个像素传到下一个。该方法源于 B. E. Bayer 1973 年的论文 An Optimum Method for Two-Level Rendition of Continuous-Tone Pictures。可见的规则图案适合复古图形和可预测的纹理。
| 算法 | 处理模型 | 常见外观 | 实际取舍 |
|---|---|---|---|
| Floyd-Steinberg | 将量化误差扩散到后续相邻像素 | 细密、不规则的细节 | 平坦区域可能出现虫状纹理 |
| Atkinson | 将部分误差扩散到更宽的局部模式 | 清晰边缘和明亮高光 | 可能牺牲部分中间调精度 |
| Bayer 4×4 | 将每个像素与重复阈值矩阵比较 | 规则的 4×4 纹理 | 图案比误差扩散更明显 |
调色板和 alpha 的边界
单色将可见 RGB 缩减为两个色调。灰度保留多个中性级别,有限色彩则将 RGB 量化为小型颜色集合。这些模式不会识别主体、重建丢失的细节或推断新颜色。输出仍是处理后像素尺寸的光栅图像,不是 SVG 或其他矢量作品。
抖动计算只改变 RGB。每个像素的源 alpha 都会复制,包括部分透明度,完全透明的像素保持透明。PNG 规范定义了从完全透明到完全不透明的逐像素 alpha。JPEG 没有 alpha,PNG 和部分 WebP 输入可能包含。
浏览器处理和 PNG 导出
浏览器解码文件、读取像素、应用算法并在本地创建下载。图像字节不会上传,也不会进入网络请求或流程 URL。在流程模式下,按标签页隔离的临时浏览器存储可将本地项目跨页面保留最长两小时。Reset 会删除项目,遗留数据会自动过期。HTML Canvas 规范定义像素读取和 toBlob() 导出,并要求在不支持请求类型时使用 PNG。
15 MiB、20 百万源像素和每边 8,192 像素的限制用于保护浏览器内存。小文件也可能成为大型缓冲区。输出在需要时自动缩小到最多 4 百万像素,以保持界面响应。输入超限时请先缩小。PNG 无损保留处理后的像素和 alpha,但不保留元数据、图层或矢量对象。
常见问题
细密的误差扩散纹理可选 Floyd-Steinberg,清晰的高对比度外观可选 Atkinson,明显而规则的复古图案可选 Bayer 4×4。最佳选择取决于图像和目标外观。
不会。它在浏览器中进行确定性的像素量化和抖动处理,不会识别主体、生成内容、描摹形状或导出 SVG。下载文件是光栅 PNG。
抖动只影响 RGB,每个像素的原始 alpha 值都会复制。完全透明的像素保持透明,部分 alpha 也保留在 PNG 输出中。
可以打开不超过 15 MiB、20 百万像素和每边 8,192 像素的 PNG、JPEG、WebP。为保持响应速度,输出自动限制在 4 百万像素。
图像不会上传、通过我们的服务器发送或放入 URL。在流程模式下,为跨页面使用,只会在此浏览器保存按标签页隔离的临时副本。Reset 会将其删除,并在两小时内自动过期。
相关工具
材质设计颜色选择器
浏览Material Design色板,单击即可将任意色号(50至A700)以HEX、RGB或 HSL 格式复制。
ARW 转 JPG 转换器
将索尼 ARW RAW 照片转换为 JPG。无需打开 Lightroom,即可从相机 RAW 文件得到一张便于分享、通用兼容的 JPEG。
ICO到PNG格式转换器
查看 ICO 中的图像,选择一个尺寸,并在浏览器中按原始大小保存为透明 PNG。
在线白板
在浏览器中的私人白板上绘制想法,排列形状、便签和本地图片。支持撤销操作,并导出 PNG、JPEG、SVG 或可编辑的 JSON。
三折页制作工具
在浏览器中私密编写六面三折页,预览正反两面,选择配色,并通过浏览器打印对话框完成打印。
色盲模拟器
模拟不同色盲类型(红色盲、绿色盲、蓝黄色盲及全色盲)患者对图像的视觉感知效果。
此工具还提供其他语言版本
- 이미지 디더링 [KO]
- Dithering av bilder [SV]
- تنقيط الصورة [AR]
- Bild dithern [DE]
- Tramage d’image [FR]
- ทำ Dither ให้รูปภาพ [TH]
- Afbeelding dithering [NL]
- Dither Gambar [ID]
- Tramado de imágenes [ES]
- Dither hình ảnh [VI]
- Dithering obrazu [PL]
- 画像ディザリング [JA]
- Dithering de imagem [PT]
- Image Dither [EN]
- Dithering delle immagini [IT]
- Дизеринг изображения [RU]
- Görüntü Dithering Aracı [TR]