如何線上幫照片加上 CRT 掃描線效果
- 把照片拖到畫布上、直接貼上，或點擊選擇檔案。照片不會離開你的瀏覽器。
- 選擇 CRT Scanlines，再拖動 細節粒度：調高掃描線更密，調低會散成粗條紋。
- 匯出 PNG。不需帳號，沒有浮水印。
CRT 效果的原理
在照片上疊一層平鋪條紋，看起來只是條紋，不像電視。映像管之所以是那個樣子，是因為四件事同時發生；這個濾鏡在一次逐像素處理中把它們全部模擬出來：
- 掃描線。 每一行乘上一條餘弦曲線，而不是硬切的明暗條——映像管行與行之間是漸暗，不是開關。行亮度在 100% 到約 24% 之間起伏，所以暗線永遠不會全黑。在 1400px 的圖上，線距從 2px（細節粒度 100）到 9px（細節粒度 0），圖越小線距依比例縮小。
- 光柵遮罩（Aperture Grille）。 像素欄依紅、綠、藍循環，每一欄對應的那個色版提亮約 20%，另外兩個壓暗 5–8%，形成湊近特麗霓虹（Trinitron）螢幕時看到的細密 RGB 直紋。
- 色彩錯位。 紅色版從左側約 1 像素處取樣，藍色版從右側約 1 像素處取樣，綠色版不動。銳利邊緣一側泛紅、一側泛藍——正是錄影帶在老電視上播放時的那種色邊。
- 螢光光暈（Bloom）。 亮度超過約三分之二的像素會被單獨抽出成光暈圖，先橫向、再縱向做盒狀模糊，然後疊回掃描線之上。所以亮部會發光並溢過暗線——這是讓畫面看起來像映像管、而不是一層花紋的關鍵。
| 滑桿 | 控制什麼 | 實用區間 |
|---|---|---|
| 細節粒度（Detail） | 掃描線線距 | 70–100 像精細的顯示器，20–50 像粗線條老電視 |
| 濾鏡強度（Intensity） | 與原圖的混合比例 | 90–100 是完整的映像管質感，50–70 是輕微疊加 |
| 對比度（Contrast） | 各色版的色調曲線，以及哪些亮部能越過光暈門檻 | 夜景、霓虹照片調高，光暈更明顯 |
這個濾鏡不含任何隨機成分：沒有雜訊、沒有循軌干擾條、沒有螢幕弧度，也沒有日期印記。同一張照片、同樣的參數，永遠得到同一格畫面。頁面同時開放兩個相關濾鏡，因為它們正是當年常被送進 CRT 的畫面：Pixel Crush 把畫面平均成色塊、每個色版壓到 5 階，像低解析度的遊戲機訊號；Pixel Sort 沿列橫向拉絲，像錄影帶循軌跑掉。濾鏡無法在一次處理中疊加，想組合的話，先匯出 PNG，再把它拖回來，最後套用 CRT Scanlines。
全部運算都在瀏覽器內的 Canvas 2D 緩衝區完成。照片不會被上傳；小圖維持原尺寸，大圖匯出時長邊最高 1400px。
適合用來做
- 帶有老電視質感的 Instagram、Threads 等社群貼文
- Synthwave、Vaporwave 與復古遊戲風海報
- 專輯與單曲封面
- 把遊戲或 App 截圖做成「在 CRT 上顯示」的樣子
