1-Bit 抖動在做什麼
一張原始圖片包含 1670 萬種色彩。現在,你必須只用兩種顏色來表達它:純黑與純白。抖動(Dithering)決定的就是每一個點的歸屬。
你可以直接在瀏覽器中使用免費的抖動轉換器即時執行這些演算法。
灰階錯覺源自點陣密度。密集的黑點聚集在一起,視覺感知即為暗部;稀疏的黑點散落在白底上,視覺感知即為亮部。後退一步觀察螢幕——人眼的視網膜光學系統會自動完成平均化積分。
四種經典演算法
每一種演算法都有獨特的視覺語言。建議在同一張圖片上對比這四種演算法:
門檻法 (Threshold)
像素高於門檻值即歸白,低於門檻值即歸黑。完全沒有中間調混雜。畫面硬朗、高度色調分離。最適合高對比度圖形與向量 Logo。
Floyd–Steinberg
誤差擴散演算法:當某個像素被強制四捨五入為黑或白時,產生的量化殘差會被推至右側與下方的鄰域像素。輸出效果呈現柔軟、細膩的平滑過渡,是四種演算法中最具攝影底片質感的一種。
Atkinson
由 Bill Atkinson 為初代 Mac 操刀設計。與 Floyd–Steinberg 類似,但只擴散 75% 的誤差,並跳過了部分鄰域像素。這保留了大量未擴散的白色淨空,讓高光更加通透、畫面對比度更加硬朗——這就是初代 Macintosh 的經典視覺印記。
Bayer 矩陣
使用預設的有序矩陣(2×2、4×4 或 8×8)逐像素比對門檻。輸出帶有極其規整的機械十字網紋,類似老式平版印刷的半調網點。適合那些需要明確展現人工干預與矩陣紋理的場景。
在瀏覽器中即刻體驗
無需安裝任何軟體或設定環境,你現在就可以透過我們的免費抖動轉換器體驗有序抖動與誤差擴散。
Yan 行動端 App 提供底層的原生數值控制(Threshold、Bayer 尺寸、Pixel Scale),支援多圖層即時 GPU 管線;而網頁版工具則由輕量可靠的 Canvas 2D 引擎驅動,提供直接的演算法到預設濾鏡映射:
| 演算法 | 網頁濾鏡 | 擴散迴積核 (Diffusion Kernel) | 視覺特徵 |
|---|---|---|---|
| Bayer 有序 | Bitgrain | 8×8 Bayer 矩陣 | 規律交叉十字紋理,3–5 級階調 |
| Floyd–Steinberg | Cobalt Grain | 標準 4 採樣 (4-tap) | 純正 1-Bit,均衡且細膩的影調過渡 |
| Atkinson | Denim Grain | 6 採樣(捨棄 25% 誤差) | 純正 1-Bit,高對比度,經典 Mac 風格 |
| 自訂 3-Tap | Harbor Grain | 前向 3 採樣 | 純正 1-Bit,定向圖形顆粒感 |
| 自訂 7-Tap | Meadow Grain | 雙行 7 採樣 | 純正 1-Bit,柔和有機的離散質感 |
在網頁版工具中,Detail(細節) 用於微調門檻值與量化密度,Contrast(對比度) 在抖動前塑形亮度曲線,Intensity(強度) 控制與原圖的混合比例。
App 參數調優
使用 Yan 行動端 App 時,你可以直接介入底層數學參數:
Threshold(門檻值) (0–255)
黑與白的分割門檻。128 為標準中值。
- 數值調低:產生更多白像素,整體畫面提亮
- 數值調高:產生更多黑像素,整體畫面壓暗
Bayer Size(矩陣尺寸) (2 / 4 / 8) — 僅限 Bayer
數值越小,顆粒網格越粗礪醒目;數值越大,網點越細密,幾乎趨於平滑。
Pixel Scale(像素尺度) (1–8)
在抖動前先對原圖做降採樣。數值越大,像素塊越粗,營造出厚重的復古低保真顆粒感。
適用題材
- 肖像人像:Atkinson 能帶來極具 MacPaint 質感的人臉輪廓。
- 風景靜物:Floyd–Steinberg 能夠保全細膩的光影影調跨度。
- 字體與 Logo:門檻法(Threshold),俐落乾脆。
- 實體印刷感:低尺寸 Bayer 矩陣,帶來強烈的機械紙墨印刷感。
調色預設配方
你可以在行動端 App 中手動微調這些參數,也可以在網頁端抖動轉換器中重現類似效果:
初代 Macintosh 經典
- 演算法:Atkinson,門檻值 128,像素尺度 2
- 視覺:1984 年 MacPaint 的純粹粗顆粒黑白圖形
報紙半調印刷
- 演算法:Bayer,尺寸 4 或 8,門檻值 128
- 視覺:傳統鉛字排印與報紙油墨網點
孔版印刷 (Risograph)
- 演算法:Floyd–Steinberg,門檻值約 140
- 視覺:粗糙、略帶雜質的手工獨立出版物(Zine)質感
傳真機 (Fax Machine)
- 演算法:Threshold,像素尺度 4
- 視覺:極致脆硬、高度壓縮的訊號降解美學
踩坑避坑
- 需要保留微妙層次的漸變區:務必選用 Floyd–Steinberg,切忌使用斷層的門檻法。
- 微小文字排版:抖動演算法會與字體本身的襯線和反鋸齒打架,導致字元被雜點撕裂。
效果組合
- 抖動 + CRT:在 1-Bit 影像上疊加螢光屏掃描線,打造失落世代的電腦終端。
- 抖動 + RGB Shift:等等——RGB Shift 會重新引入色彩。若追求純粹的 1-Bit,務必將抖動放在管線末端;若想要分色抖動的混亂美學,則先做 RGB 分離再進行抖動。
- 抖動 + 區塊抖動 (Block Jitter):呈現被影印機掃描後毀損的資料切片。
核心法則
兩種顏色已經綽綽有餘。剩下的,全交給數學。