線上照片濾鏡是透過網站套用於影像的色彩轉換，並以可下載的檔案形式回傳——而最有用的濾鏡會公開精確的像素運算公式，例如 W3C 灰階權重 0.2126、0.7152 和 0.0722，而不是將其隱藏在預設名稱之後。一個能說明自身功能的濾鏡是可審核的：你可以預測綠葉將如何降低飽和度，可以預測褐色調將如何偏移色相，也可以確認透明度在整個過程中得以保留。Image Filter Effects 工具正是圍繞這個理念打造。它內建一組小而精、附有說明文件的命名濾鏡，每一個都對應特定的通道公式，都可在 0%–100% 的強度範圍內調整，並且完全在瀏覽器分頁中執行。
「線上照片濾鏡」的真正含義
「線上照片濾鏡」通常指的是透過網站對數位照片套用色彩與色調轉換，通常會產生可下載的結果。實際上，「濾鏡」這個詞涵蓋了各式各樣的操作：亮度與飽和度滑桿、鏡頭風格效果、AI 驅動的「風格」，以及命名明確的色彩處理，如灰階、褐色、反相、暖色調和冷色調。其承諾都一樣——不必開啟桌面軟體就能改變圖片的外觀——但不同工具背後的數學原理、隱私意涵與輸出品質可能有天壤之別。
Image Filter Effects 坐落在該類別中最透明的那個角落。它不提供數十個未命名的預設，而是公開一組小而精、附有說明文件的命名色彩轉換，其行為根基於 W3C Filter Effects 規範。每個濾鏡在頁面上都以淺白語言描述，並接受介於 0% 與 100% 之間的明確強度值。沒有自動的「自動增強」、沒有膚色平滑處理，也沒有學習模型去猜測你的需求。頁面會在下載前精確告訴你哪些部分會改變。
Image Filter Effects 中提供的六種濾鏡
Image Filter Effects 內建六種命名選項。每種都會對每個解碼像素的紅、綠、藍通道套用不同的轉換，同時保留 alpha 通道。
| 濾鏡 | 功能說明 | 典型用途 |
|---|---|---|
| 灰階 (Grayscale) | 使用 W3C 亮度權重 (0.2126、0.7152、0.0722) 組合 R、G、B，使每個通道等於感知亮度。 | 黑白處理、文件掃描、聚焦於形狀與對比。 |
| 褐色 (Sepia) | 套用 W3C 3×3 褐色色彩矩陣，將暖棕色混入紅、綠、藍通道。 | 復古或檔案風格、設計點綴。 |
| 反相 (Invert) | 以滿強度 (255 − 值) 將每個通道替換為其互補色。 | 負片風格預覽、深色模式影像、隱藏文字揭示。 |
| 暖色調 (Warm) | 最多增加 30 個紅色階與 10 個綠色階，最多減少 20 個藍色階。 | 夕陽氛圍、黃金時刻情調。 |
| 冷色調 (Cool) | 最多減少 20 個紅色階，最多增加 5 個綠色階，最多增加 30 個藍色階。 | 暮光或冬季氛圍。 |
| 原始 (Original) | 保持 RGB 數值不變；可用於確認本地解碼與匯出路徑。 | 管線檢查、僅透明度的編輯。 |
如何在三個步驟內線上套用照片濾鏡
- 從你的裝置選擇一張 JPG、PNG 或 WebP（上限 25 MiB），並挑選效果（灰階、褐色、反相、暖色調、冷色調或原始）。
- 將強度從 0%（原始通道）設定到 100%（完全轉換），然後選擇「套用濾鏡」。
- 檢視同尺寸的 PNG 預覽，確認重要色彩與透明度，然後下載結果。
輸出的 PNG 保持與來源完全相同的寬度與高度。Alpha 通道會被保留，因此原始影像中的透明區域在結果中依然透明——即便其隱藏的 RGB 數值可能已被轉換。下載的檔名會包含所選效果，方便在磁碟上整理多個變體。
灰階、褐色與反相是如何計算的
這三種「規範級」濾鏡直接衍生自 W3C Filter Effects Module Level 1。該規範定義了瀏覽器應如何為 CSS filter 屬性計算灰階、褐色與反相，而 Image Filter Effects 使用相同的通道運算。
對於灰階，每個輸出通道被設定為線性組合 0.2126 × R + 0.7152 × G + 0.0722 × B。這些係數並非任意設定：它們反映了人眼對綠光更高的敏感度，其次為紅光，藍光最末。因此，純綠像素對灰階值的貢獻最大，純紅像素的貢獻明顯較少，而純藍像素的貢獻幾乎為零。這就是為什麼一片綠葉去飽和後的灰色，會比相同視覺強度的藍天明亮許多。
褐色則套用規範中的 3×3 色彩矩陣來產生暖棕色調。這個矩陣不僅僅是去飽和——它會主動偏移色相，因此一張完全褐色的影像帶有可辨識的琥珀色調，而非中性灰。
反相是三者中最簡單的。在滿強度下，每個通道都會被其互補值取代：R 變為 255 − R，G 變為 255 − G，B 變為 255 − B。黑色變成白色，白色變成黑色，原色則互換為其互補色（紅 ↔ 青、綠 ↔ 洋紅、藍 ↔ 黃）。
對於這三種濾鏡，部分強度以線性插值處理。實作會以浮點數計算滿強度的目標值，根據所選百分比將其與來源通道混合，最後才進行一次四捨五入並限制在 8 位元範圍內。這個順序至關重要：若先對目標值四捨五入，會在中間強度下引入一層級的通道漂移，對深色像素尤其明顯，因此工具會將四捨五入延後到混合之後。
理解暖色調與冷色調作為創意偏移
暖色調與冷色調是明確公開的創意 RGB 通道偏移，而非測量式的色溫校正。暖色調最多增加 30 個紅色階與最多 10 個綠色階，同時最多減少 20 個藍色階；冷色調則最多減少 20 個紅色階，最多增加 5 個綠色階，並最多增加 30 個藍色階。同樣的線性插值相對於原始通道進行，因此強度控制著偏移逼近這些上限的程度。
頁面會直接說明這項限制：這些名稱描述的是視覺方向，而非克氏溫標轉換、相機白平衡、ICC 設定檔或適色性轉換。如果需要特定的色溫、校正過的螢幕，或與設定檔綁定的印刷工作流程，請改用色彩管理的桌面應用程式。對於營造氛圍、製作模型、社群貼文或快速的視覺實驗，公開的 RGB 偏移誠實且可預測。
透明度、大小限制與輸出格式
工具會在解碼前處理 JPG、PNG 與 WebP 輸入，檔案上限為 25 MiB。解碼後，影像會被限制在 16 megapixels 與任一邊 12,000 像素以內。解碼後的像素緩衝區遠大於壓縮檔案，因此這些限制能保護瀏覽器記憶體，避免主執行緒卡頓。若瀏覽器無法解碼該檔案，會產生明確的錯誤，而非空白的預覽。
| 限制 | 數值 | 目的 |
|---|---|---|
| 來源格式 | JPG、PNG、WebP | 瀏覽器支援的點陣輸入。 |
| 解碼前檔案大小 | 上限 25 MiB | 避免過大的檔案卡住解碼步驟。 |
| 解碼後像素數 | 上限 16 megapixels | 保護瀏覽器記憶體。 |
| 任一邊 | 上限 12,000 像素 | 防止極端長寬比的濫用。 |
| 輸出格式 | 同尺寸 PNG | 保留透明度，避免隱藏的 JPEG 品質決策。 |
| Alpha 通道 | 每種效果皆保留 | 透明像素保持透明。 |
PNG 是唯一的輸出格式，因為它能保留 alpha 通道，並避免隱含的有損品質選擇。若需要 JPG，請使用 PNG to JPG 並以明確的品質數值另外轉換已確認的 PNG。
處理實際發生在哪裡
每個步驟都在當前的瀏覽器分頁中執行。來源檔案會被解碼至記憶體中的 canvas，其 RGBA 緩衝區會以所選函式進行轉換，並在本機產生新的 PNG blob。沒有任何來源像素、濾鏡選擇或結果檔案會被上傳至任何伺服器。臨時的物件 URL 在不再需要時會被釋放，而替換來源檔案或設定會使任何先前的匯出失效。對於想在上傳敏感影像前確認隱私狀態的讀者，Is It Safe to Use Image Filter Effects Online? 這篇說明會更詳細地走過相同的模型。
何時該使用瀏覽器濾鏡，何時該使用色彩管理軟體
基於瀏覽器的濾鏡工具是一個快速、本機、定義明確的像素轉換器。它非常適合社群貼文、模型、部落格影像、簡報，以及速度與可逆性比校正準確性更重要的快速視覺實驗。它無法取代對色彩要求嚴格的印刷、醫療、科學、檔案或專業攝影工作——這些工作流程需要具備相關 ICC 設定檔、校正過的螢幕與明確軟打樣的色彩管理應用程式。
幾項需要牢記的實際限制：
- 灰階影像並不會自動擁有良好的文字對比；請在轉換後重新檢查可讀性。
- 褐色處理並不會驗證年代或出處；它純粹是一種視覺效果。
- 暖色調與冷色調的偏移屬於創意，而非校正；請勿將其視為白平衡工具。
此工具不會裁切、縮放、旋轉、銳利化、模糊、去雜訊、偵測人臉或分離主體。它不會為使用者挑選濾鏡。每種效果都有說明文件定義，強度控制其套用程度，而預覽讓使用者在確認下載前檢視結果。若想在本機影像上試用，請開啟 Image Filter Effects，投入 JPG、PNG 或 WebP，從六種濾鏡中選擇一種，並在調整強度時觀察預覽更新。滿強度的結果永遠只需一個點擊，而裝置上的來源檔案永遠不會被修改。
想深入了解，請參閱 Image Rotator: How to Fix Sideways Photos Locally。