圖片濾鏡

點擊或拖曳上傳

JPG / PNG / WEBP / GIF

上傳圖片後在此預覽效果

線上為照片添加 8 種專業濾鏡效果：黑白、復古、反色、模糊、亮度、對比度、飽和度、色相旋轉，全部支援 0-200% 強度自由調節，所見即所得。

什麼是圖片濾鏡？

圖片濾鏡是一組透過數學變換把像素值映射到新像素值的技術。在網頁和行動端最常見的就是 CSS filter 屬性（blur / brightness / contrast / grayscale / sepia / saturate / hue-rotate / invert），本工具基於 Canvas 的同類 API 實作，可以一鍵疊加。

**和「修圖軟體」的區別：** 專業修圖軟體（Photoshop / Lightroom）可以調整局部、畫筆、圖層；本工具是整體調色、批量濾鏡的統一化處理，更輕量、更快速，適合不需要精細局部修圖的場景。

**黑白 vs 復古：** 黑白 = 把 RGB 取亮度統一化（典型的 ITU-R BT.601 加權），完全去掉色彩；復古 = 在黑白基礎上加一層棕褐色調（Tint），懷舊感更強。

**為什麼疊加這麼多效果不會失真？** 因為濾鏡是逐像素數學變換，不修改像素結構。任何濾鏡組合只要保持 0-200% 強度都不會破壞影像，但效果可能變得誇張，建議分次嘗試。

適用場景

照片色彩平淡或曝光不足時，用亮度、對比度、飽和度快速調整
給照片添加復古、黑白、反色等藝術風格打造個性化社媒配圖
電商主圖、詳情頁素材需要統一色調或快速美化時使用
拍攝證件照、头像需要去除背景飽和度或調整色調時使用
為設計草圖或 UI 截圖添加反色效果用於視覺測試
用模糊濾鏡對截圖中的隱私資訊（手機號、地址）打碼

使用方法

上傳需要添加濾鏡的圖片檔案（JPG / PNG / WEBP / GIF）
從左側縮圖網格選擇黑白 / 復古 / 反色 / 模糊 / 亮度 / 對比度 / 飽和度 / 色相旋轉 8 種基礎濾鏡
拖動強度滑桿精細調節（0% 關閉，100% 標準，200% 極限），即時預覽效果
如需疊加多種效果，可繼續切換其他濾鏡並調整強度，組合成理想色調
滿意後點擊下載按鈕匯出為 PNG 檔案，檔名自動添加 _filtered 後綴

功能特點

8 種專業特效：內建黑白、復古（Sepia）、反色、模糊、亮度、對比度、飽和度、色相旋轉
0-200% 強度自由調節：每個濾鏡獨立滑桿，100% 為標準強度，200% 為極限強化
即時預覽：濾鏡切換與強度調整即時生效，所見即所得省去反覆匯出
全格式相容：支援 JPG / PNG / WEBP / GIF 等主流圖片格式
一鍵重設：可一鍵清除所有濾鏡恢復原圖，方便嘗試多種風格
本地處理：所有濾鏡在瀏覽器 Canvas 內完成，圖片不離開本機

最佳实践

調色順序：先曝光後色彩，最後風格化

推薦工作流：先調亮度/對比度修復曝光，再調飽和度修正色彩，最後加黑白/復古/色相旋轉等風格化濾鏡。這與 Photoshop 的調色邏輯一致，避免一開始疊加過強風格化濾鏡導致曝光問題被掩蓋。

強度滑桿從 50% 開始微調，不要直接拉到 200%

大多數濾鏡在 50-150% 區間效果最佳。直接拉滿 200% 容易出現飽和度溢出、色相失真、模糊過度等問題。建議先在 100% 標準強度下觀察，再 ±20% 微調至滿意。

飽和度過高會導致色彩溢出，建議保持在 100-150%

飽和度超過 150% 容易讓紅色、黃色溢出邊界、丟失細節；超過 200% 甚至出現不可逆的色塊。本工具 0-200% 範圍是為創意效果設計的，日常調色建議 80-130%。

黑白濾鏡 + 適當對比度 = 經典人文風格

純黑白容易顯得平淡。推薦組合：黑白濾鏡 100% + 對比度 110-130% + 亮度微調（視原圖曝光）。這種組合能模擬膠片時代的人文紀實風格，是 Instagram 早期最受歡迎的黑白配方。

復古濾鏡適合老照片、懷舊主題，避免現代產品圖

Sepia 棕褐色調會顯著改變色彩傾向，適合懷舊主題、人文紀實、影片封面。但電商主圖、UI 截圖、科技產品圖用復古濾鏡會顯得過時、不專業，破壞商品的真實感。

模糊濾鏡強度超過 30 即可達到虛化效果

本工具模糊滑桿 0-200% 對應 0-20px 模糊半徑。30 強度（3px）即可製造輕微虛化；50（5px）適合背景虛化模擬；100（10px）以上適合對隱私資訊打碼、人像聚焦。

色相旋轉 0/360/720 都是回到原色

色相是循環色彩空間。本工具 0-200 強度對應 0°-360° 旋轉，強度 100 = 180° 互補色，強度 200 = 360° 回到原色。日常創意調色建議 10-30 強度，超過 50 會顯著改變物體原有色彩。

調色完成後用圖片壓縮工具二次處理可減小體積

本工具匯出 PNG 是無損格式，體積較大。完成調色後如需用於網頁、郵件附件、社媒上傳，建議結合圖片壓縮工具二次處理，可減小 50-80% 體積而不影響視覺效果（PNG 轉 JPG）。

常見問題

支援哪些圖片濾鏡效果？能做黑白和復古風格嗎？

內建黑白、復古（Sepia）、反色、模糊、亮度、對比度、飽和度、色相旋轉共 8 種專業濾鏡，一鍵切換即可打造懷舊復古風、藝術黑白照或夢幻模糊特效。所有濾鏡支援 0-200% 強度自由調節，1% 即可看出微調效果，100% 為標準強度，200% 為極限強化。

濾鏡效果太強或太弱可以調整嗎？

可以。每個濾鏡均有獨立強度滑桿，0% 等效關閉，100% 為標準強度，200% 為極限強化。例如飽和度調到 50% 僅微微提鮮，150% 立即膠片感拉滿；色相旋轉滑到 50 對應 90° 旋轉，200 對應 360° 回到原色。

照片太暗或色彩平淡，能用這個工具修復嗎？

非常適合。亮度滑桿可拯救欠曝陰天照片；對比度能增強層次感；飽和度能修復褪色老照片。配合色相旋轉功能還能實現冷暖調切換、個性創意調色，例如黃昏藍調、霓虹賽博風。

8 種濾鏡可以疊加使用嗎？

可以。本工具支援把多個濾鏡組合在同一張圖上，例如「輕微復古 + 提亮 + 高對比 + 高飽和」可快速找到品牌統一色調。由於濾鏡是逐像素數學變換，組合應用不會破壞影像結構，但效果可能更誇張，建議分次微調。

支援哪些圖片格式？處理後怎麼儲存？

全面相容 JPG、PNG、WEBP、GIF 等主流圖片格式。處理過程中即時預覽，滿意後一鍵匯出為 PNG（無損，體積較大）。如需小體積 JPG，可結合本工具調色後用圖片壓縮工具二次處理。

線上使用圖片濾鏡安全嗎？照片會洩漏嗎？

絕對安全。所有圖片處理均在瀏覽器本地透過 Canvas filter API 完成，檔案不會上傳到任何伺服器，無需安裝任何軟體。即使是含個人隱私的家人照片、合約掃描件、證件照也能放心處理，關閉瀏覽器即釋放記憶體。

調色會影響檔案體積嗎？

會有影響。調亮、增加對比度、提飽和可能讓檔案稍微變大；調暗、調黑白、調復古會去掉高頻細節，體積可能略降。如果需要減小體積可以同步用圖片壓縮工具二次處理，先調色後壓縮是常見工作流。

黑白濾鏡和復古濾鏡有什麼區別？

黑白濾鏡把 RGB 取亮度統一化（ITU-R BT.601 加權：Y = 0.299R + 0.587G + 0.114B），完全去掉色彩；復古濾鏡在黑白基礎上加一層棕褐色調（Tint），模擬 19 世紀照片的化學染色效果，懷舊感更強。

術語表

CSS filter: CSS 屬性，瀏覽器原生支援的影像濾鏡集合：blur / brightness / contrast / drop-shadow / grayscale / hue-rotate / invert / opacity / saturate / sepia。本工具用 Canvas filter API 同樣實作。
Sepia 棕褐色調: 經典的復古影調，模擬 19 世紀照片的棕褐色化學染色。RGB 矩陣：R = 0.393R + 0.769G + 0.189B；G = 0.349R + 0.686G + 0.168B；B = 0.272R + 0.534G + 0.131B。
Hue Rotate 色相旋轉: 在 HSL 色彩空間中對 H（色相）通道做循環旋轉。360° 旋轉等於回到原色。本工具 0-200% 強度對應 0°-360° 旋轉。
BT.601 加權: ITU-R BT.601 標準的亮度計算公式：Y = 0.299R + 0.587G + 0.114B。黑白濾鏡和電視信號都用此加權，比簡單平均更能反映人眼對綠色的高敏感度。
曝光: 照片接收光線的總量。欠曝（曝光不足）= 偏暗；過曝（曝光過度）= 偏亮。亮度濾鏡可對應調整，但無法恢復高光細節丟失的部分。
飽和度: 色彩的鮮豔程度。0% = 完全灰度；100% = 原始色彩；>100% = 強化。飽和度過高會導致色彩溢出、細節丟失。

8 種內建濾鏡一覽

濾鏡	演算法 / 實作	典型場景
黑白（Grayscale）	`R=G=B=0.299R+0.587G+0.114B`	人文紀實、藝術照、復古主題
復古（Sepia）	`經典 Sepia Tone 矩陣`	懷舊風、老照片效果、影片封面
反色（Invert）	`RGB 三通道 255-原值`	X 光片、藝術海報、暗色 UI
模糊（Blur）	`Canvas filter: blur(radius)`	背景虛化、人像聚焦、隱私打碼
亮度（Brightness）	`offset 加在 RGB`	曝光不足 / 過曝修正、陰天調亮
對比度（Contrast）	`(RGB-128) × factor + 128`	扁平照片增強層次、HDR 風格
飽和度（Saturate）	`HSL 中 S 通道縮放`	調鮮亮、調褪色、品牌色統一
色相旋轉（Hue Rotate）	`HSL 中 H 通道旋轉`	創意調色、變色、視覺測試

濾鏡強度滑桿 0-200% 效果對照

強度	視覺效果	推薦用途
`0%`	完全關閉，等效原圖	重設、對比測試
`1-30%`	極輕微，幾乎看不出	微調，需要細看才能發現
`30-70%`	輕微效果	日常照片調色
`100%`	標準強度	大多數場景的預設值
`130-170%`	強化效果	風格化創作、品牌統一色調
`200%`	極限強化	藝術化、抽象化處理