图像抖动处理
步 / 4
选择图像
打开 PNG、JPEG 或 WebP,在浏览器中进行本地处理。
PNG、JPEG 或 WebP · 最大 15 MiB · 每边不超过 8,192 px,且不超过 20 百万像素
× px
图像及其像素会留在此浏览器中,不会上传,也不会写入 URL。
多步骤流程会在此标签页中保留临时本地副本,最长两小时。重新开始会将其删除。
页面、资源和流程仍可能发出不含图像数据的常规请求。
选择抖动样式
选择算法、输出调色板、效果强度和处理比例。
为保持浏览器响应流畅,即使允许更大的源图像,输出也会自动限制为 4 百万像素。
检查结果
下载前,请将原图与有限调色板 PNG 进行比较。
下载 PNG
将结果画布中显示的像素原样保存为 PNG。
使用 Floyd-Steinberg、Atkinson 或 Bayer 4×4 将 PNG、JPEG 或 WebP 转为有限调色板光栅。选择单色、灰度或有限色彩后导出 PNG。处理只在浏览器中进行,不会上传、通过 Livewire 发送或放入 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 导出
浏览器解码文件、读取像素、应用算法并在本地创建下载。图像字节不会上传,也不会进入 Livewire 请求或流程 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 百万像素。
图像不会上传、通过 Livewire 发送或放入 URL。在流程模式下,为跨页面使用,只会在此浏览器保存按标签页隔离的临时副本。Reset 会将其删除,并在两小时内自动过期。
相关工具
GIF 制作器
将一组图片或短视频转换为动画 GIF。导出前可调整帧率、循环次数和尺寸。
PNG 转 SVG 矢量化工具
在浏览器中把 PNG 栅格图像转换为 SVG 路径。适合徽标、图标和线稿。可控制阈值、颜色数量和平滑度。
图片尺寸调整器
将图片调整到精确的像素尺寸或百分比,同时保持宽高比。适合批量准备图片,无需上传。
图像放大器
使用 AI 超分辨率或经典插值,将低分辨率图像放大 2×、3× 或 4×,同时保留重要细节。
SVG 转 PNG
在浏览器中将 SVG 文件或 SVG 标记转换为 PNG,选择缩放因子,并保持透明边缘清晰。
BMP 转 PNG
在浏览器中将 BMP 文件转换为 PNG。无损,保留色深,并可从原始 BMP 的 alpha 通道添加可选透明度。