若要為照片加上可調整強度的濾鏡，請開啟「影像濾鏡效果」工具，選擇一個不超過 25 MiB 的 JPG、PNG 或 WebP 檔案，從六個選項（Grayscale、Sepia、Invert、Warm、Cool 或 Original）中挑選一個，將強度從 0% 設定到 100%，然後選擇「Apply filter」。處理後的影像會在同一個瀏覽器分頁中產生，結果會以同尺寸的 PNG 預覽圖顯示，下載檔案則是由轉換後的像素所組成，過程中絕不會將原始檔案傳送到伺服器。強度是透過原始通道值與完全轉換後通道值之間的線性混合來套用，最後再進行一次四捨五入。這代表 50% 的設定會呈現該效果的百分之五十，而不是另一個獨立的預設值，而零 percent 則會讓原始通道保持不變。每個像素的 Alpha 都會保留，因此即使隱藏的 RGB 值被轉換，透明區域仍會維持透明。無論是單層照片、分層 PNG，或是一整排小型橫幅圖片，都能透過相同的工作流程處理，完全不需要任何中繼上傳步驟。
可用的濾鏡及其個別用途
此工具提供六個具名選項。其中五個是真正的濾鏡，一個是直通（passthrough）。每個濾鏡都針對不同的視覺目標，而且每個濾鏡都是依據已記載的像素轉換公式來定義，而非隱藏的預設值，因此在下載前就能推論出結果。Original 選項屬於直通模式，會保持 RGB 通道不變，對於在決定特定外觀之前，先驗證本機解碼與匯出路徑相當有用。
| 濾鏡 | 作用 | 公式或通道位移 | 適用情境 |
|---|---|---|---|
| Grayscale | 將 RGB 摺疊成單一亮度值 | 0.2126·R + 0.7152·G + 0.0722·B（W3C） | 去除色彩，專注於形狀、對比或紋理 |
| Sepia | 以棕褐色矩陣為灰階結果上色 | W3C 3×3 色彩矩陣 | 復古或印刷頁面風格 |
| Invert | 以互補值取代各通道 | 255 − channel | 負片底片風格、可列印的範本、遮罩輔助 |
| Warm | 增加紅與綠，減少藍 | 全強度時 +30 R、+10 G、−20 B | 黃金光線氛圍、食物或風景強調 |
| Cool | 減少紅，增加綠與藍 | 全強度時 −20 R、+5 G、+30 B | 冷調、陰影或冬季氛圍 |
| Original | 保持 RGB 不變 | 不適用 | 確認本機解碼與匯出路徑 |
W3C 係數之所以重要，是因為綠色的權重高於紅色，而紅色的權重又高於藍色。一個 R=80、G=180、B=200 的像素，比起平均亮度相同但偏紅的像素，會產生更亮的灰階值，這也是為什麼在黑白攝影中，樹葉看起來會比磚牆更淡。同樣的權重也會套用於 Sepia 轉換，它透過 W3C 色彩矩陣將灰階結果推向溫暖的棕色，而非中性灰。
如何為照片加上濾鏡
此介面圍繞著單一預覽、濾鏡選擇器與強度滑桿所建構，因此步驟簡短且易於重複，方便一次處理一批影像。無論來源是 JPG 照片、透明 PNG 標誌或 WebP 匯出檔，皆適用相同的步驟。
- 在瀏覽器中開啟「Image Filter Effects」工具。
- 選擇一個不超過 25 MiB 的 JPG、PNG 或 WebP 檔案，然後從下拉選單中挑選想要的效果。
- 使用滑桿或數值輸入框，將強度從 0%（原始通道）設定到 100%（完全轉換）。
- 選擇「Apply filter」。頁面會顯示忙碌狀態，接著渲染出同尺寸的 PNG 預覽。
- 檢視預覽，確認重要的色彩與透明度，然後下載結果。
強度實際上如何改變每個像素
強度滑桿並非預設選擇器。它會在來源像素與完全轉換後的像素之間進行線性插值，最後再進行一次四捨五入。W3C Filter Effects 規範定義了灰階、Sepia 與 Invert 的計算方式，而 Image Filter Effects 遵循該定義，僅做出一項明確的實作選擇：全強度的目標值會以浮點數形式保留，直到混合完成，最後再對最終混合值進行四捨五入並限制為 8 位元通道。四捨五入一次可避免當目標值在與來源混合前就先被四捨五入時，所產生的小幅單階飄移。
單一像素的灰階處理範例。假設輸入像素為 R=100、G=150、B=200。全強度灰階目標值為：
0.2126 × 100 + 0.7152 × 150 + 0.0722 × 200 = 21.26 + 107.28 + 14.44 = 142.98
在 50% 強度下，混合後的通道值為：
0.5 × 100 + 0.5 × 142.98 = 50 + 71.49 = 121.49
四捨五入到最接近的 8 位元通道後，結果為 121。灰階輸出會在三個通道上都採用相同的亮度值，因此最終像素為 R=121、G=121、B=121，並保留輸入像素的 Alpha。灰階的全強度係數表記載於 W3C Filter Effects 規範，相同的混合規則也適用於 Sepia、Invert、Warm 與 Cool 的目標。
對於 Warm 與 Cool，頁面會明確揭露全強度下的通道位移。Warm 在全強度下最多增加 30 階紅、最多 10 階綠，並減少最多 20 階藍。Cool 在全強度下減少最多 20 階紅，增加最多 5 階綠，以及最多 30 階藍。在 50% 強度下，Warm 會在原始通道值之上增加 15 階紅、5 階綠，並減少 10 階藍，之後再將結果四捨五入並限制為 8 位元通道。這使得 50% 強度穩定地等於最大位移的一半，而非另一個獨立的創意預設值，同樣的「先浮點混合、再四捨五入」規則亦適用。
影響此任務的輸入、輸出與限制
在開啟檔案之前，先了解會影響工具能否完成工作的數字會有所幫助。頁面會預先強制執行這些限制，因此過大或格式不符的檔案會以清楚的訊息拒絕，而非顯示空白的預覽。這三項像素層級的限制會互相影響，來源若能同時符合所有三項，才會是大小合適的檔案。
| 限制 | 數值 | 重要性 |
|---|---|---|
| 來源格式 | JPG、PNG、WebP | 瀏覽器管線無法解碼其他格式 |
| 解碼前的最大檔案大小 | 25 MiB | 較大的檔案會在檔案選擇階段被拒絕 |
| 解碼後最大像素數 | 16 megapixels | 解碼後的緩衝區遠大於壓縮檔案 |
| 最大邊長 | 任一側 12,000 像素 | 保護瀏覽器記憶體，避免長邊過長 |
| 輸出格式 | PNG，與來源同寬同高 | 保留 Alpha，並避免隱含的 JPEG 品質選擇 |
| Alpha 處理 | 逐像素保留 | 下載檔案中透明像素仍維持透明 |
| 處理位置 | 當前的瀏覽器分頁 | 原始檔案絕不會被上傳 |
一個 25 MiB 的 JPEG 解碼後可能會遠超過 100 megapixels，因此 16 megapixels 的上限往往比檔案大小限制更關鍵。12,000 像素的邊長限制則可攔截長形的全景拼接圖，避免記憶體耗盡。在首次執行後更換檔案或設定，會讓先前的匯出結果失效，因此每次新設定都需要重新產生乾淨的預覽，才能生成下載。
濾鏡執行時保持不變的部分
濾鏡僅會變更 RGB 通道值。它不會裁切、調整大小、旋轉、銳利化、模糊化、降噪、偵測人臉或分離主體，也不會自動為你選擇濾鏡。輸出 PNG 與來源的寬高相同，每個像素既有的 Alpha 值都會保留，因此疊加在彩色底板上的透明標誌，在轉換過程中會維持相同的輪廓。透明像素仍帶有隱藏的 RGB 值，這些值會被濾鏡轉換，但 Alpha 仍保持為零，因此影像的可見形狀不會改變。
所有處理皆完全在當前的瀏覽器分頁內進行。來源會被解碼至記憶體中的畫布，其 RGBA 緩衝區會以所選函式進行轉換，然後在本機建立新的 PNG Blob。不會有任何來源像素、濾鏡選擇或結果檔案被傳送至 Lizely。若瀏覽器無法解碼檔案，頁面會顯示清楚的錯誤，而非空白的結果。磁碟上的原始檔案維持不變，下載檔名會包含所選效果，方便日後辨識。更換檔案或設定會讓任何先前的匯出失效，而暫時性的 Object URL 在不再需要時會被釋放，以保持瀏覽器分頁的整潔。
改變意義而非僅改變像素的濾鏡
濾鏡可能會改變可讀性、皮膚色調、品牌色彩，以及科學或紀錄影像的意義，因此值得檢視完整結果，而非僅依賴預設名稱。灰階影像並不會自動擁有良好的文字對比，Sepia 處理也並非用來證明年代，而 Warm 或 Cool 偏移並非經過校正的色溫修正。頁面明確指出 Warm 與 Cool 是具創意的 RGB 通道位移，並非 Kelvin 轉換、相機設定檔、色適應或色溫運算，因此不會將創意預設誤認為校正過的色彩科學。校正過的色彩科學有賴於裝置設定檔、觀看條件與意圖，這些是基於瀏覽器的創意位移所無法提供的，此界線已明確標示，以避免將本工具誤認為校正參考。
針對講究色彩的印刷、醫療、科學、典藏或專業攝影工作，請使用具備所需設定檔與校正功能的色彩管理應用程式。至於日常的視覺處理，少數相關工具可涵蓋最常見的後續任務：若你需要嚴格的純黑白結果而不帶任何創意暖調，Black and White Photo Converter 使用相同的 W3C 通道矩陣，但專注於單一完全去飽和的輸出。若你的唯一目標是反轉單一影像的顏色，獨立的 Invert Image Colors 工具會以相同的 Alpha 處理方式完成此單一任務。若你打算將濾鏡後的結果導入動態製作專案，請參閱如何在 After Effects 中透過自訂濾鏡效果嵌入影像，以了解管線中的下一步。
若你正在權衡各種選項，Make a Photo Collage on iPhone in Your Browser 對此有詳細說明。