影像抖動

Image Dither 將全彩照片轉換為由一小部分固定顏色建構的圖像,使用點或塊的圖案來模擬被刪除的色調。這是報紙照片、原始 Macintosh 螢幕、Game Boy 精靈和網版印刷演出海報背後的效果,該工具透過一次上傳複製所有這些照片。

抖動的存在是因為顯示器或印刷機通常無法再現照片中的每種色調。報紙印刷機有一種顏色的墨水和一種顏色的紙張; 1984 年的 Macintosh 每像素一位。抖動演算法不是將每個像素舍入到最接近的可用顏色並完全失去梯度,而是將舍入誤差分佈在相鄰像素上,以便在正常觀看距離下,眼睛將白紙上的一組黑點平均回灰色。不同的演算法以不同的方式分配該錯誤,而分佈正是賦予每個錯誤其標誌性外觀的原因。

有六種演算法可用。拜耳 4x4 使用有序閾值矩陣,產生早期 PC 遊戲中常見的常規交叉影線。阿特金森(Atkinson)由比爾·阿特金森(Bill Atkinson)為最初的Macintosh編寫,僅將四分之三的錯誤推給其鄰居,這會吹出高光並產生MacPaint的高對比度外觀。 Floyd-Steinberg 將全部錯誤分佈在四個鄰居身上,以獲得最忠實的照片結果。半色調樣本沿著旋轉晶格並隨色調改變點半徑,就像真正的半色調螢幕在印刷機上的角度一樣。 Cyber Glitch 將顏色捕捉到調色板並取代掃描線。 Hard 1-Bit 是一個直閾值切割,完全沒有抖動。

一切都運行客戶端。圖像由您自己的瀏覽器使用 Canvas API 進行解碼、裁剪和抖動,並且不會在任何地方發送任何副本,當來源是未發布的照片或客戶端資產時,這很重要。輸出可作為 PNG 提供,最高可達階段解析度的 8x,或作為 SVG 提供,其中每個點都寫成真實的向量形狀,以便海報可以縮放到任何列印尺寸或在向量編輯器中開啟以進行進一步的工作。

以下是當您使用預設設定在線上抖動影像時會發生的情況。照片適合 840px 寬的舞台,以 4px 像素比例和 45 度螢幕角度運行 Halftone,並在 Brutal Paper 背景上繪製為木炭點。在解析度比例下選擇 4x 並下載 PNG 會為您提供 3360px 寬的檔案,以 16px 點重新抖動,而不是放大預覽。匯出為 SVG,同一幀作為向量圓到達 840 個單元的畫布上。