一個以瀏覽器為基礎的影像濾鏡效果替代方案，至少必須是一個能對本機的 JPG、PNG，或 WebP 套用具名色彩轉換的工具，讓你把強度設在 0% 到 100% 之間，並匯出一份大小不變的 PNG，而不必上傳來源檔案。這個基準線，就排除掉一長串依賴雲端上傳、匿名預設包，或未標示 AI 處理方式的「濾鏡」體驗。Lizely 的影像濾鏡效果工具符合這個基準線：它只提供恰好六種濾鏡——灰階、懷舊棕、反轉、暖色調、冷色調，與原圖——對灰階與懷舊棕使用 W3C Filter Effects 規範的數學公式，並保留每個像素的 Alpha 通道。輸出結果會維持與來源相同的寬與高，因為這個工具絕不會做尺寸調整；它只透過一個明確定義的轉換，重寫 RGB 數值。沒有任何內容會離開目前的瀏覽器分頁，而結果會在下載之前，先呈現在一個顯示尺寸與檔案大小的預覽畫面中。這六種濾鏡加上一個強度滑桿，構成了一個刻意做得很小、容易理解的介面，讓讀者能事先就準確知道，每個像素會發生什麼事。
為什麼要尋找一個影像濾鏡效果的替代方案
在搜尋框裡輸入image filter effects alternative的人，通常已經有某個他們正想要離開的東西。最常見的幾種基準是：有上百個沒有說明的滑桿的重量級編輯器；線上預設包，把效果標記成像「Tokyo 1998」這樣的名稱，卻不告訴你到底改動了哪些色版；還有 CSS 的 filter: grayscale(1) 或 filter: sepia(1) 呼叫，這些效果只在頁面呈現時存在，如果不手動處理 canvas，就無法匯出成一份 PNG。這些做法，每一種都至少留下三個問題中的一個沒有解答：用了什麼數學公式、像素究竟去了哪裡，以及我能不能拿回一個真正的檔案。
一個更有用的替代方案，會回答這三個問題。它會列出效果的名稱，以及背後的數學原理，完全在本機裝置上執行，並產出一份與來源尺寸相同、可下載的 PNG。這正是 Lizely 影像濾鏡效果工具所採取的立場，而相關的本機瀏覽器黑白轉換器指南，則更深入說明了這些效果中的灰階子集。
| 替代方案 | 公開濾鏡數學原理 | 在本機執行 | 匯出真正的檔案 |
|---|---|---|---|
| 完整相片編輯器 | 不一定，常常埋在選單裡 | 是 | 是 |
| 雲端濾鏡應用程式 | 幾乎沒有 | 否（會上傳來源檔案） | 是 |
| CSS filter 屬性 | 規範中有定義，但僅限視覺效果 | 是 | 否（無法匯出） |
| 影像濾鏡效果 | 是——W3C Filter Effects 規範 | 是 | 是（尺寸相同的 PNG） |
這六種具名濾鏡是如何定義的
這個工具只提供六種濾鏡，並拒絕再發明第七種。灰階、懷舊棕，與反轉，遵循的是 W3C Filter Effects Module Level 1 所定義的色版轉換（參見grayscaleEquivalent 參考文件與MDN 對濾鏡效果的概覽）。暖色調、冷色調，與原圖，則是明確由產品定義的行為，記錄在處理來源檔案的同一份文件中。
| 濾鏡 | 數學來源 | 視覺方向 | Alpha 行為 |
|---|---|---|---|
| 灰階 | W3C 權重：0.2126 R、0.7152 G、0.0722 B | 去飽和後的亮度 | 保留 |
| 懷舊棕 | W3C 3×3 懷舊棕色彩矩陣 | 棕色調，復古感 | 保留 |
| 反轉 | 色版互補值（255 − 色版值） | 攝影負片 | 保留 |
| 暖色調 | 最多增加 +30 R、+10 G、−20 B | 黃色／琥珀色偏移 | 保留 |
| 冷色調 | 最多減去 −20 R、+5 G、+30 B | 藍色偏移 | 保留 |
| 原圖 | 恆等（不改變） | 不變 | 保留 |
灰階的係數會讓綠色主導最終的色版數值，這也是為什麼綠意茂盛的相片，套用濾鏡後，看起來往往比紅色調較多的人像更中性。懷舊棕沿用同樣的亮度數學，但會把結果再送過一個色調矩陣，而不是把三個色版全部壓縮成一個數字。反轉會用全強度的互補值取代紅、綠、藍每一個色版，當強度低於 100% 時，再用跟其他轉換一樣的方式做混合。
暖色調與冷色調，刻意設計成較簡單的創意偏移，而不是經過量測的色溫校正。它們不會計算克氏溫標、相機白平衡、ICC 色彩描述檔，或色度適應，而這個頁面也明確說明了這項限制，避免有人把一個創意預設誤認為經過校準的色彩科學。原圖不會改變 RGB 數值，適合用來在套用真正的濾鏡之前，先確認本機解碼與匯出路徑是否正常。
在瀏覽器中本機套用影像濾鏡效果
- 打開影像濾鏡效果頁面，選擇一個最大 25 MiB 的 JPG、PNG，或 WebP 檔案。超過大小上限、解碼後超過 16 百萬像素，或任一邊超過 12,000 像素的檔案，都會被拒絕，以避免瀏覽器耗盡記憶體。
- 從六種濾鏡中選一種：灰階、懷舊棕、反轉、暖色調、冷色調，或原圖。這個選擇只會改變色版轉換要做什麼——輸出的尺寸與檔案格式維持不變。
- 把強度設定在 0%（原始色版）到 100%（完整轉換）之間。滑桿的位置，會在四捨五入之前，驅動來源像素與完整效果目標之間的線性混合。
- 選擇套用濾鏡。這個頁面只有在這一步之後，才會開始逐一處理像素，所以光是選好檔案與濾鏡，並不會動到任何像素。
- 檢視這份尺寸相同的 PNG 預覽。確認重要的色彩、邊緣，與透明度看起來正確。一個 Alpha 值為零的像素，即使它隱藏的 RGB 值被轉換過，仍然會保持 Alpha 值為零。
- 選擇下載。下載檔名會包含所選的效果，來源檔案在磁碟上會完全不受影響，來源或結果也都不會有任何副本被上傳。
強度數學：原始值、目標值，與四捨五入的順序
強度並不是一個全域的透明度，也不是逐像素的機率。它是在兩組具體的 RGB 三元數值之間做的線性內插：來源色版數值，與完整強度轉換後的色版數值。對灰階來說，一個像素的完整強度目標，在三個色版上都是同一個數字——由 0.2126、0.7152，與 0.0722 定義出來的亮度值。對懷舊棕來說，目標是把規範中的 3×3 矩陣套用到來源色版上得出的結果。對反轉來說，目標則是色版的互補值。
運算順序是刻意設計過的。這個實作不會在套用部分強度之前，先把完整強度的目標四捨五入。它會先把矩陣運算的結果算成一個浮點數，再依照選定的百分比，把這個值與來源做混合，最後只在結尾做一次四捨五入與截斷。這種做法，更貼近以強度為基礎的矩陣建構方式，也避免了中間強度時出現一級色版偏移，而這正是那種會悄悄破壞膚色與品牌色彩的差一誤差類瑕疵。
每一種濾鏡都完全不會動到 Alpha 通道。這正是為什麼一張 PNG 裡的透明像素，在輸出結果中仍然保持透明，即使它們背後的 RGB 數值已經被轉換過。這也是為什麼輸出結果永遠是 PNG 而不是 JPEG：這樣的結果能保留透明度，也避免替你做出一個隱藏的、有損品質的決定，讓你能在決定交付格式之前，先確切檢視產生出來的內容。
實例演練：灰階在 100% 與 50% 強度下的表現
拿一個 RGB 色版為 (200, 100, 50) 的來源像素，套用灰階濾鏡。W3C Filter Effects 規範把灰階亮度定義為：
L = 0.2126 × R + 0.7152 × G + 0.0722 × B
在 100% 強度下，三個輸出色版都會被設成 L，以浮點數計算如下：
- L = 0.2126 × 200 + 0.7152 × 100 + 0.0722 × 50
- L = 42.52 + 71.52 + 3.61
- L = 117.65
四捨五入並截斷成一個 8 位元數值後，結果是 (118, 118, 118)。Alpha 通道則沿用來源原本的值——對一個不透明的相片像素來說，通常是 255；對一個透明的 PNG 像素來說，則是 0。
在 50% 強度下，目標值仍然以浮點數的形式維持在 (117.65, 117.65, 117.65)，而輸出結果，是朝來源 (200, 100, 50) 方向做 50% 的線性混合：
- R = 200 + (117.65 − 200) × 0.50 = 200 − 41.175 = 158.825
- G = 100 + (117.65 − 100) × 0.50 = 100 + 8.825 = 108.825
- B = 50 + (117.65 − 50) × 0.50 = 50 + 33.825 = 83.825
經過最後那一次四捨五入之後，這個像素變成 (159, 109, 84)——一種局部去飽和的結果，但仍然偏向原本的橙色調，因為來源本來就偏暖。這正是貫穿整張圖片的同一套模式：逐像素矩陣運算、浮點混合、一次四捨五入。
限制，以及何時該改用其他工具
一個在本機執行的影像濾鏡效果替代方案，仍然必須尊重瀏覽器記憶體、檔案大小，以及一個色彩轉換能誠實宣稱做到什麼的限制。Lizely 這個工具明確畫出了這些界線：
- 不做尺寸調整、裁切、旋轉、銳化、模糊、去雜訊、人臉偵測，或主體分離。唯一會改變的，是濾鏡色版。要改變幾何形狀，請把結果拿去搭配像是影像裁切工具或影像旋轉工具這樣的工具使用。
- 解碼前最大 25 MiB，解碼後最大 16 百萬像素，任一邊最大 12,000 像素。解碼後的 RGBA 緩衝區，遠比壓縮過的檔案來得大，這些防護措施能保護分頁不會因為非常大的輸入檔案而耗盡記憶體。
- 濾鏡改變的是意義，不只是風格。一張灰階影像，不會自動具備良好的文字對比度；一次懷舊棕處理，也不會讓年代顯得更可信；暖色調或冷色調的偏移，更不是校正描述檔。對於色彩要求嚴謹的印刷、醫療、科學、典藏，或專業攝影工作，請使用具備所需描述檔與校準功能的色彩管理應用程式。
- 暖色調與冷色調不是色溫校正。它們是明確公開的創意 RGB 偏移。如果你需要的是經過量測的克氏溫標校正，這個工具的輸出結果並不是正確的起點。
至於其他所有情況——當一個透明、可稽核的方法，比一大堆沒有說明的預設更有用時，用來做快速視覺處理——影像濾鏡效果頁面就是一個刻意做得很小、完全在本機執行、在目前這個瀏覽器分頁裡就能做到這件事的工具。
想深入了解，請參閱一個具備逐像素精確控制的本機模糊影像替代方案。