圖片過濾效果
以可追蹤的方式,針對本機檔案執行灰階、褐調、反轉、暖色或冷色效果,可調整強度並保留透明度。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.選擇最多 JPG、PNG 或 WebP,最多至 25 MiB,並選擇所需的濾鏡。
- 2.設定強度從 0%(原始通道)到 100%(完整轉換),然後選擇「應用濾鏡」。
- 3.檢視相同尺寸的 PNG 預覽,確認重要顏色與透明度,並下載結果。
關於圖片過濾效果
圖片過濾效果會對本機的 JPG、PNG 或 WebP 檔案應用一套簡單且易理解的色彩轉換。選擇灰階、褐調、反轉、暖色、冷色或原色,設定強度從零到 100 百分比,並產生相同寬度與高度的 PNG。頁面會顯示所選效果、強度、尺寸、檔案大小以及結果預覽,再進行下載。此工具適用於快速視覺處理,當透明操作比大量未說明的預設設定更為實用時特別適用。
灰階使用 W3C Filter Effects 指南中所定義的紅、綠、藍三色權重:0.2126、0.7152 和 0.0722。這些係數使綠色在結果的通道值中佔有較高的比例,紅色和藍色則相對較低。Sepia 使用該指南的三乘三色彩矩陣。反轉效果會將每個通道替換為其補數,並以最大強度呈現。對於這些效果,較低的強度會在最終結果被四捨五入並限制為 8 位元值前,線性插值於原始通道與完全轉換後的通道之間。
操作順序有其重要性。此實作在應用部分強度前,不會先將完整強度結果四捨五入。它會先以浮點數計算矩陣結果,再根據選擇的百分比與原始值混合,最後僅在結束時四捨五入一次。此方式更貼近基於數值的矩陣構造,並避免在中間強度時出現一級通道漂移。外部的標準案例涵蓋主要顏色、黑色、白色、通道限制、透明度保留、以及部分灰階與反轉強度。
暖色與冷色是刻意設計的簡單創意調整。暖色會增加最多 30 的紅色與最多 10 的綠色,同時最多減少 20 的藍色;冷色則最多減少 20 的紅色、增加五倍綠色,以及最多增加 30 的藍色。相同的強度插值方式適用。這些名稱描述的是視覺方向,而非測量的白平衡校正、開爾文轉換、相機色溫、感光度檔案、色度適應或色溫計算。頁面明確指出此限制,以免將創意預設誤認為精確的色彩科學。
原色會維持 RGB 的值不變,可用於確認本機解碼/匯出流程。所有效果皆保留每個像素的透明度通道。因此透明像素會保持透明,即使其隱藏的 RGB 值可能已被轉換。此工具不會裁剪、調整尺寸、旋轉、銳化、模糊、降噪、偵測臉部、分離主題或自動選擇濾鏡。它輸出 PNG,以確保結果能保留透明度,並避免隱含的 JPEG 級別的決策。
圖片大小限制為解碼前不得超過 25 MiB,解碼後不得超過 16 百萬像素,且任一邊不得超過 12,000 像素。解碼後的像素緩衝區遠大於壓縮檔大小,因此這些限制可保護瀏覽器記憶體並減少長時間主執行緒的運算。處理僅在選擇「應用濾鏡」後才會開始。零延遲任務讓忙碌狀態先顯示,再進入像素迴圈。更換檔案或設定將會使先前的匯出作業失效,且當暫時的 Object URL 不再需要時會自動釋放。
所有運作皆發生在當前瀏覽器標籤頁中。原始圖片會被解碼為記憶體中的畫布,其 RGBA 緩衝區會根據選擇的函式進行轉換,並產生新的 PNG Blob。原始像素、濾鏡選擇或結果檔案皆不會傳送至 Lizely。若瀏覽器無法解碼檔案,將顯示明確錯誤,而非空白結果。原始檔案保持不變,下載檔名會包含所選的濾鏡名稱。
濾鏡可能影響可讀性、膚色、品牌色彩,以及科學或文件圖片的意義。請審視完整結果,而非僅依賴預設名稱。灰階圖片並不代表文字對比度佳,褐調處理也不代表能驗證年齡,暖色或冷色調整並非校正檔案。對於需要精確色彩的印刷、醫療、科學、檔案儲存或專業攝影工作,建議使用具色彩管理功能的應用程式,並搭配所需的檔案與校準設定。此工具是一種快速、本機化、明確定義的像素轉換工具。
方法與來源
灰階、褐調與反轉遵循 W3C 濾鏡效果的通道轉換。所選強度會從原始通道線性插值至未四捨五入的完整效果目標,然後各通道會僅四捨五入並限制一次。暖色與冷色使用明確公開的產品定義通道調整。透明度被保留,尺寸不變。
常見問題
- 濾鏡會移除透明度嗎?
- 不。RGB 通道會在每個像素現有的 alpha 值被保留的情況下進行轉換。若你需要不透明的結果,請使用 Add Background 至 PNG。
- 暖色與冷色是測量色溫校正嗎?
- 不會。這些是公開說明的創意 RGB 通道調整。它們不會計算開爾文值、相機白平衡、ICC 檔案、或色度適應。
- 為何輸出使用 PNG?
- PNG 保留透明度,並避免做出隱藏的有損品質選擇。若需要其他交付格式,請另作轉換。
相關工具
- 黑白照片轉換工具將本機的 JPG、PNG 或 WebP 轉換為高解析度灰階 PNG,並使用有檔案紀錄的 W3C 聲道矩陣。
- 翻轉圖片顏色在經驗證的 PNG、JPEG、GIF 或 WebP 圖片中,翻轉每一個解碼後的 RGB 通道的顏色,並保留 alpha 通道,然後下載靜態的 PNG。
- 模糊圖片在本機模糊整個圖片或精確的矩形區域,然後下載完整解析度的 PNG。
- 像素化圖片可對整張圖片或精確的矩形區域進行像素化,不會上傳檔案。
- PNG 加入背景在本機以精確純色取代 PNG 透明區域,同時保留原始畫素尺寸。
- 圖片加入邊框在本機為 JPG、PNG 或 WebP 四周加入 1–500 畫素純色邊框,並下載完整解析度 PNG。
圖片工具 使用指南
查看全部- Is It Safe to Use Image Filter Effects Online? (英文原文)
- A Local Browser Image Filter Effects Alternative (英文原文)
- Add Filters to a Photo With Adjustable Intensity (英文原文)
- How to Fit an Image in After Effects with Custom Filter Effects (英文原文)
- How to Add a Background to a PNG for Your Website (英文原文)
- Convert WebP to GIF on Mac Without Uploading It (英文原文)
- How to Convert WebP to GIF in Your Browser (英文原文)
- Convert SVG to PNG With a Transparent Background (英文原文)
- How to Convert SVG to JPG in Windows Without Software (英文原文)
- How to Make an Image a Solid Color in Photoshop (英文原文)
- Add Rounded Corners to a Photo in Your Browser (英文原文)
- How to Convert PNG to JPG Without Losing Quality (英文原文)
- Image Placeholder for Photoshop, Without the App (英文原文)
- Cities: Skylines 2: Create a Reference Overlay PNG Locally (英文原文)
- Turn Your Memento Backpack Division 2 Hunt Into a Meme (英文原文)
- Convert JPG to PNG Without Canva: A Faster Way (英文原文)
- How to Put an Image to PDF Without Uploading It (英文原文)
- Image to Base64 in JavaScript Without Writing Code (英文原文)
- Image to ASCII Explained: How Pixels Become Text (英文原文)
- Change Image DPI in Illustrator Without Re-encoding (英文原文)