圖片濾鏡

圖片濾鏡透過即時轉換每個像素的顏色來運作。每個濾鏡對每個像素的紅、綠、藍色頻執行一小段數學運算：brightness(150%)將它們乘以1.5使圖片變亮，grayscale(100%)對色頻取平均值轉為單一灰階，blur(4px)使用卷積核將每個像素與相鄰像素混合。由於這透過HTML canvas API在您的GPU上執行，拖動滑桿的瞬間預覽即可更新，無需等待、無需上傳、無需往返伺服器。

大致分為兩類。調整濾鏡在保持照片自然外觀的同時改變色調和顏色——亮度、對比度、飽和度和色相旋轉均屬此類。效果濾鏡則將圖片重塑為特定風格——灰階（黑白）、棕褐（復古暖調）、反色（負片效果）、模糊（柔焦效果）和透明度。本編輯器提供全部九種CSS濾鏡函數。疊加使用，例如grayscale(100%)與contrast(120%)組合，正是構建Vintage、Noir和Faded等命名預設的方式。

將照片拖入上方方框（或點擊瀏覽，或用Ctrl/Cmd+V貼上），然後點擊預設縮圖或拖動調整滑桿。預覽即時更新，前後對比拉桿可隨時與原圖比較。滿意效果後，點擊下載PNG或下載JPG以全解析度儲存。無任何內容上傳——每個步驟都在您的瀏覽器中執行。PicMonkey需要登入且免費匯出解析度受限。Fotor免費下載帶浮水印。本工具無帳號要求、無付費牆、無每日上限。

CSS filter屬性使用一連串濾鏡函數對任何HTML元素套用圖形效果：brightness()、contrast()、saturate()、grayscale()、sepia()、hue-rotate()、invert()、blur()和opacity()。例如，filter: contrast(120%) saturate(140%) sepia(15%); 呈現出強烈而略帶暖意的效果。本工具在您移動滑桿時即時構建這個精確字串，可直接複製到樣式表中，套用於任何img、div、video或SVG元素。

Instagram風格濾鏡是基本CSS濾鏡函數的預設組合。類Clarendon效果大約是contrast(120%) saturate(135%)，褪色底片感使用contrast(85%) brightness(110%) sepia(12%)，強烈的Vivid色調疊加contrast(130%) saturate(160%)。點擊圖庫中的任何預設縮圖即可立即套用到您的照片，再調整各個滑桿進一步優化效果。獲得與VSCO或Lightroom預設等付費編輯器相同的視覺效果——無需應用程式、無需訂閱、無需上傳。

黑白效果：將灰階設為100%——B&W預設一鍵完成，Noir預設則添加額外對比度，效果更戲劇化。棕褐效果：提高棕褐度滑桿，sepia(80%)呈現經典棕調印刷感。復古效果：兩者結合，Vintage預設使用sepia(55%) contrast(108%) brightness(104%) saturate(120%)，營造溫暖、輕微褪色的底片感。Canva和Adobe Express可實現類似效果，但需要登入。本工具完全在瀏覽器中執行，無需帳號、無需上傳、無需等待。

取決於具體工具。許多線上編輯器——如Fotor、LunaPI、Pixlr——會將您的照片上傳至其伺服器進行處理，意味著您的圖片存放在他人的機器上，可能被用於資料分析或模型訓練。UtiloKit的圖片濾鏡完全執行在您瀏覽器內的HTML canvas上：您的圖片在本機讀取、本機處理、本機下載——從不上傳、從不儲存、除您之外無人可見。