灰階、褐色、反相、暖色與冷色濾鏡是任何初學者都能透過 Image Filter Effects 線上套用至 JPG、PNG 或 WebP 的五種標準色彩處理方式，並可使用 0%（無變更）到 100%（完全效果）的強度滑桿，以及保留 alpha 通道不變的同尺寸 PNG 下載。如果你曾經開啟一張手機照片，拖動標示為「暖度」或「飽和度」的滑桿，並好奇像素究竟發生了什麼變化，那麼你就是本文的目標讀者。照片濾鏡只是一個明確的數學規則，會讀取每個像素的紅、綠、藍數值並重新寫入。線上工具可以在你的瀏覽器分頁內執行這個規則，無需將檔案傳送到遠端伺服器，當照片屬於個人隱私、工作用途，或單純檔案過大而不便上傳時，這點特別有用。本文介紹的五種濾鏡與 CSS、印刷設計以及較舊的影像編輯器中所使用的完全一致，因此學會它們能讓你擁有跨工具通用的詞彙。
瀏覽器中「照片濾鏡」的真正意義
照片濾鏡是一個小型、具名的函式，用來轉換影像的色彩通道。這些轉換是確定性的（deterministic），代表相同的輸入像素永遠會產生相同的輸出像素，而且會獨立套用至圖片中的每個像素。初學者常會以為濾鏡「知道」場景內容（天空、皮膚、 grass），但大多數基礎濾鏡並不知道；它們只是重新改寫數值。這也正是這些濾鏡執行快速、表現可預期，且易於理解的原因。
當你使用基於瀏覽器的工具時，來源檔案會被解碼至記憶體中的 canvas（畫布），濾鏡會套用至紅、綠、藍及 alpha 緩衝區，並在本機產生新的 PNG。沒有任何資料會離開你的分頁。Image Filter Effects 完全遵循這個流程：選擇檔案、挑選濾鏡、設定強度、預覽、下載。沒有帳號、沒有上傳步驟，也不會偷偷重新編碼為較低品質的格式。
初學者應先學會的五種濾鏡
這些都是此工具內建的具名濾鏡。每一種都有明確的視覺方向，且每一種都被廣為引用的網路標準所記載，這代表你可以信賴輸出結果，而不必猜測滑桿背後究竟在做什麼。灰階公式採用 W3C 權重——依 Filter Effects 規範——紅 0.2126、綠 0.7152、藍 0.0722，其中綠色對最終亮度值的貢獻最大。Sepia（褐色）採用該規範的三乘三色彩矩陣。Invert（反相）只是以滿強度將每個通道替換為其互補色。Warm（暖色）與 Cool（冷色）是已公開的創意通道位移，而非經過校正的色溫修正，頁面會清楚說明這項差異，使初學者不會把情緒預設誤認為經校正的色彩科學。
| 濾鏡 | 對像素的作用 | 最適合的初學者用途 |
|---|---|---|
| Grayscale（灰階） | 使用 W3C 權重 0.2126、0.7152、0.0722，將紅、綠、藍重新組合成單一亮度值 | 去除色彩以專注於形狀、光線與對比 |
| Sepia（褐色） | 將 W3C 的三乘三褐色色彩矩陣套用至紅、綠、藍通道 | 為人像或靜物賦予溫暖、復古的感受 |
| Invert（反相） | 以滿強度將每個通道替換為其 255 減去原值的對應值 | 製作負片、深色模式介面模型或隱藏文字的揭露效果 |
| Warm（暖色） | 最多增加 30 個紅色階層與 10 個綠色階層，最多減少 20 個藍色階層 | 營造傍晚或燭光的氛圍 |
| Cool（冷色） | 最多減少 20 個紅色階層，最多增加 5 個綠色階層，最多增加 30 個藍色階層 | 營造月光、陰天或冬日的氛圍 |
Original（原圖）濾鏡會保持紅、綠、藍不變。它看起來像是無操作，但其實非常實用：它能確認檔案能正確透過瀏覽器解碼、匯出並下載。對一張透明 PNG 執行 Original，並檢查透明度是否在來回處理後依然保留。
初學者如何線上套用照片濾鏡
這就是所需的全部步驟。無需安裝、外掛或註冊。整個流程都在單一瀏覽器分頁內執行。
- 開啟 Image Filter Effects，並從你的裝置選擇一個不超過 25 MiB 的 JPG、PNG 或 WebP 檔案。
- 從清單中選擇一種濾鏡（Grayscale、Sepia、Invert、Warm、Cool 或 Original）。
- 設定強度。零百分比會完全不動來源像素；一百百分比則會套用完整的轉換。
- 點擊 Apply filter（套用濾鏡），並等待預覽產生。
- 檢視同尺寸的 PNG 預覽。檢查重要的色彩、邊緣以及任何透明區域。
- 下載結果。檔名會包含所選的濾鏡，方便日後區分兩個版本。
若第一次嘗試的效果太強或太弱，請調整強度後再次點擊 Apply filter。只要檔案或設定變更，之前的匯出就會立即失效，因此你無須手動清除任何內容。
強度滑桿實際上在做什麼
強度滑桿並非亮度控制；它是兩個像素值之間的混合。在零百分比時，輸出等於輸入。在一百百分比時，輸出等於完整的濾鏡結果。在兩者之間，工具會在來源通道值與未取整數的完整效果目標之間進行線性內插，接著取整一次並箝制至 8 位元範圍 0 到 255。這個單次取整的步驟很重要：許多濾鏡工具會先對完整效果取整再進行混合，這可能在中等強度時造成一個階層的通道飄移。以較長的方式執行則可避免此飄移，並更貼近 W3C 基於 amount 的矩陣建構方式。
對於暖色與冷色，相同的內插方式也適用，只是套用於一組更簡單的明確通道位移。暖色並非克氏溫標計算、相機設定檔修正或色適應轉換。它是一個已公開的創意位移，頁面也明確說明，因此初學者不會把情緒預設誤認為經校正的色彩科學。如果你想驗證特定設定，請先執行 Original 以確認來回處理正常，接著以十或二十個百分比的步進提高強度，觀察每個像素的變化。
初學者應了解的檔案大小、格式與限制
Image Filter Effects 接受 JPG、PNG 與 WebP。超過 25 MiB 的檔案會在開始解碼前被拒絕。解碼後的緩衝區也會限制在 16 megapixels（百萬像素）以內，且任一邊緣不超過 12,000 像素，這能保護瀏覽器記憶體，並防止在極大的圖片上造成長時間的主執行緒工作。這些限制都不需要帳號或特殊瀏覽器；在桌機與行動裝置上都相同。
輸出永遠是與來源同寬同高的 PNG。PNG 會保留 alpha 通道，因此透明像素會保持透明，即使這些透明區域下隱藏的紅、綠、藍數值可能已被轉換。如果你需要不透明的結果用於簡報或印刷傳單，可以之後使用像 Add Background to PNG 這樣的工具，將 PNG 合成至背景顏色上。接著若你需要較小的檔案用於電子郵件或網路用途，下一步應該使用獨立的轉檔工具，而不是要求濾鏡頁面為你做出品質上的取捨。
初學者濾鏡工具不適合的情境
小巧、有文件記載的濾鏡組合適合用於營造氛圍、製作模型、社群貼文、部落格插圖、簡報，以及大多數日常調整。但它不適合用於色彩嚴苛的印刷、醫學與科學影像、典藏工作，或專業照片後製。灰階影像不會自動擁有良好的文字對比；褐色處理並不等於驗證年代；暖色或冷色位移也不是校正設定檔。對於這類工作流程，你需要具備正確 ICC 設定檔的彩色管理應用程式、經校正的顯示器，以及理想上能與紙張和墨水匹配的印表機設定檔。
濾鏡也可能降低可讀性、使你拍攝的人物膚色產生偏移，並扭曲品牌色彩。下載前請務必檢視完整預覽，而非只看預設名稱。下載的檔名會包含你選擇的濾鏡，因此誤點的效果在你的檔案清單中會一目了然。在 50%、75% 與 100% 下花幾秒鐘檢視，就能告訴你哪個設定保留了原始圖片的意義，哪個設定過於搶戲。
若你想要超越五種具名濾鏡的更廣泛創意調色盤，你可以在同一個瀏覽器分頁中堆疊小型工具：裁切、翻轉、加上邊框、疊加另一張圖片，或產生佔位圖。這些這些步驟都不會上傳檔案，且每一個步驟都會讓先前的檔案保留在本機，直到你選擇下載。這就是在像這樣的工具中線上執行初學者編輯的真正好處：每一步都可還原，每一步都可檢視，而且在你按下下載之前，沒有任何資料會離開你的機器。
如需更深入的瞭解，請參閱 9 格照片分割器：製作像素精確的拼貼。
如需更深入的瞭解，請參閱 如何在本機於 YouTube 影片中使用影像疊加。