Image Filter Effects 在你當前的瀏覽器分頁中對單一 JPG、PNG 或 WebP 檔案套用六種可審核的色彩轉換——Grayscale、Sepia、Invert、Warm、Cool 以及 Original——無需上傳,也不必排隊等待伺服器。此工具一次處理一張圖片:你可選擇一個最大 25 MiB 的檔案,挑選一種效果,設定介於 0% 到 100% 之間的強度,然後套用以產生一個保留 alpha 通道、同尺寸的 PNG。由於每個轉換都是在本機對記憶體內的 canvas 執行,因此要處理多張圖片,只需一張接一張重複同樣的三步驟工作流程即可;所有資料都不會離開你的電腦,沒有批次佇列,而且替換來源檔案或變更設定會讓舊的結果失效,讓你不會不小心下載到過期的預覽。每種效果都遵循一份有文件記載的公式——Grayscale 使用 W3C 的 0.2126、0.7152 與 0.0722 通道加權,Sepia 使用 W3C 3×3 色彩矩陣,Invert 以每個通道的補數取代該通道,而 Warm 與 Cool 明確標示為創意性的色偏移,而非經測量校正的色溫。這個組合——少量的效果集合、公開的數學運算、保留透明度,以及本地端執行——讓這項工具在處理大量影像時無需仰賴代管的批次服務,便能執行可重複的濾鏡作業。

如何對單一圖片套用濾鏡
- 從你的裝置中選擇一個最大 25 MiB 的 JPG、PNG 或 WebP,然後從效果清單中挑選一種——Grayscale、Sepia、Invert、Warm、Cool 或 Original。
- 將強度從 0%(原始通道,不進行轉換)設定到 100%(完全轉換),然後選擇 Apply filter 以啟動本機像素處理。
- 檢視頁面上顯示的同尺寸 PNG 預覽,確認重要的色彩與保留的 alpha,然後下載結果;下載的檔名會反映你所選擇的效果。
一次進行多張圖片的濾鏡處理
頁面本身一次處理一個檔案,因此對「批次」這個問題的務實答案是進行緊湊且可重複的循環,而不是用單一按鈕去處理整個資料夾。實際上這是個快速的工作流程:開啟 Image Filter Effects,放入第一張圖片,選擇你希望在整個批次中統一的效果與強度,按下 Apply filter、下載,然後拖入下一張圖片。由於處理是在本機進行,唯一真正的上限就是你瀏覽器分頁的記憶體,這受到文件記載的 16 megapixel 解碼上限以及 12,000 像素邊長上限的限制;你不需要等待佇列、上傳或伺服器。
若要在多個檔案間取得一致的結果,請在開始前先固定效果與強度,然後在替換圖片的過程中保持設定不變。Original 預設是個實用的健全性檢查——它保持 RGB 通道不變,只執行解碼與 PNG 匯出流程,這能確認特定檔案在套用真正的濾鏡之前能乾淨地解碼。由於每次濾鏡處理都會產生保留 alpha 的同尺寸 PNG,因此透明疊加、浮水印與去背等圖層在整個來回過程中都能保存,讓你能對整個資料夾的圖層化作品套用濾鏡,而不需要將它們平整化。同一張一張進行的方式也是許多其他本機瀏覽器工具處理多檔案的方式,包括 本機對多張圖片加上浮水印的工作流程,其節奏也很類似:挑選工具、鎖定設定、處理、重複。
每種濾鏡實際改變了什麼
頁面上列出的每個效果都是定義明確的色彩轉換,而非不透明的預設值。下表摘要說明每種濾鏡對 RGB 通道做了什麼、強度如何影響結果,以及每個最重要的注意事項。特別是 Warm 與 Cool 在頁面上清楚標示為創意性的通道偏移,而非 Kelvin 換算、白平衡修正或 ICC 設定檔操作。
| 效果 | 通道運算 | 強度行為 | 關鍵注意事項 |
|---|---|---|---|
| Grayscale | 使用 0.2126 R + 0.7152 G + 0.0722 B 的加權總和(W3C Filter Effects) | 將每個來源通道以線性方式混合到加權灰階目標 | 綠色對最終灰色的貢獻比紅色或藍色多 |
| Sepia | 將 W3C 3×3 sepia 色彩矩陣套用至 RGB | 以線性方式混合至完整的矩陣結果 | 維持在 sepia 色相範圍內,而非經校正的底片類型 |
| Invert | 在滿強度時以 255 減去來源通道來取代每個通道 | 以線性方式混合至完全反相 | 適合用於負片與遮罩檢查,不適用於歸檔修復 |
| Warm | 最多新增 30 個紅色階、10 個綠色階,並減去最多 20 個藍色階 | 以線性方式混合至暖色目標 | 為創意性偏移,非 Kelvin 或白平衡運算 |
| Cool | 減去最多 20 個紅色階、新增最多 5 個綠色階與 30 個藍色階 | 以線性方式混合至冷色目標 | 為創意性偏移,非 Kelvin 或白平衡運算 |
| Original | 保持 RGB 通道不變 | 不適用 | 可作為解碼與 PNG 匯出的健全性檢查 |
一個實作範例:50% 強度的 Grayscale
以一個純紅色像素為例,來源 R = 255、G = 0、B = 0。在 100% 強度下,W3C 公式得出 0.2126 × 255 + 0.7152 × 0 + 0.0722 × 0 = 54.213,四捨五入並截斷後為 54。在 50% 強度下,實作會先以浮點數計算矩陣目標,再進行混合:0.5 × 54.213 + 0.5 × 255 = 27.1065 + 127.5 = 154.6065,四捨五入一次後為 155。這份規範特別指出:滿強度的目標在 partial-intensity 混合之前不會先四捨五入,因此中間強度可以避免若兩端都先四捨五入時會產生的單一階位通道漂移。若要在沒有強度滑桿的情況下進行純粹的灰階處理,專門的 黑白照片轉換工具 採用相同的 W3C 加權。
批次作業的限制與約束
當你進行批次作業時,有三項硬性限制保護瀏覽器分頁:來源檔案在解碼前不得超過 25 MiB、解碼後的影像不得超過 16 megapixels,且任一邊長不得超過 12,000 像素。解碼後的像素緩衝區遠大於壓縮檔案,因此 25 MiB 的 JPG 仍可安全處理,而尺寸較小但極寬的 PNG 可能會因邊長限制而被拒絕。在規劃批次作業時,請留意下列其他限制:
| 限制 | 數值或行為 |
|---|---|
| 可接受的輸入格式 | JPG、PNG、WebP |
| 解碼前的最大檔案大小 | 25 MiB |
| 最大解碼像素數 | 16 megapixels |
| 最大邊長 | 12,000 pixels |
| 輸出格式 | 同尺寸 PNG |
| Alpha 通道 | 所有效果皆保留,包括透明像素 |
| 處理位置 | 當前的瀏覽器分頁、記憶體內的 canvas,無上傳 |
| 不執行的操作 | 縮放、裁切、旋轉、銳利化、模糊、降噪、人臉偵測、主體分離、自動選擇濾鏡 |
進行批次處理時,有兩項延伸細節值得注意。第一,處理只在你選擇 Apply filter 時才會開始,而零延遲任務可讓忙碌狀態在像素迴圈開始前先呈現,因此在長時間作業下 UI 仍能保持回應。第二,替換來源檔案或變更設定會讓任何較舊的匯出失效,並釋出暫時性的 Object URL,因此你不會不小心用新檔名儲存到過期的預覽。如果瀏覽器無法解碼檔案,頁面會顯示明確的錯誤而非空白結果,這在你掃描混合來源的整個資料夾時本身就是個有用的訊號。
濾鏡不適合使用的時機
濾鏡會在不知不覺中改變可讀性、膚色、品牌色彩,以及科學或紀實影像的意涵,因此正確的做法是檢視完整的結果,而非僅依賴預設名稱。灰階影像並不會自動具有良好的文字對比;sepia 處理並不會證明年代;warm 與 cool 偏移並非校正設定檔。對於色彩要求嚴苛的印刷、醫療、科學、歸檔或專業攝影工作,頁面明確建議使用具備必要設定檔與校準的色彩管理應用程式,而非這個本機像素轉換器。當你需要將濾鏡與裁切、縮放、加上浮水印或格式轉換大規模結合時也是一樣——在這種情況下,務實的做法是將 Image Filter Effects 作為流程中的一個步驟,然後將 PNG 交給專門的縮放、裁切或轉檔工具進行下一步。對於專門搜尋能透過單次上傳處理數百個檔案的批次服務的讀者來說,代管的批次影像編輯器是不同類型的工具,在上傳時間、伺服器限制與結果所有權方面有不同的權衡;這裡採用的本機瀏覽器方式犧牲了單次點擊的原始處理量,換來的是無需上傳任何東西且每個預設都可審核的事實。