圖片調色與濾鏡

圖片調色與濾鏡

批次調整亮度、對比度、飽和度、色相,加入黑白、復古、模糊、銳化等效果

瀏覽器本地計算

拖入圖片後選擇預設或拖動滑塊,結果會自動更新;在對比預覽中確認後下載或打包 ZIP。

也可以直接粘貼剪貼板中的圖片。圖片只在當前瀏覽器中處理,不會上傳。 支持 JPG、PNG、WebP、AVIF、BMP、GIF,每次最多 30 張,單張不超過 50 MB。

範例

輸入

sample.png(頁面生成,1200×800)· 預設“復古”:懷舊 60%、對比度 110%、飽和度 80%、亮度 105%

示例結果

sample-adjusted.png · 1200×800,整體偏暖、對比略增,可在對比預覽中左右拖動查看

這些數值與 CSS 的 filter: sepia(60%) contrast(110%) saturate(80%) brightness(105%) 含義相同,但本頁的處理順序是固定的。

技術細節與邊界

顏色調整按 CSS Filter Effects 規範的公式逐像素計算:亮度為 c × b,對比度以 127.5 為中心縮放,飽和度、色相、灰度(0.2126 / 0.7152 / 0.0722 加權)和懷舊使用規範中的 3×3 矩陣,反相為 c × (1 − i) + (255 − c) × i。處理順序固定為模糊 → 亮度 → 對比度 → 飽和度 → 色相 → 灰度 → 懷舊 → 反相 → 銳化。模糊使用瀏覽器的高斯模糊,不支持時會禁用;銳化為 3×3 反銳化卷積。結果重新編碼,不保留元數據。

關於此工具

在瀏覽器本地批量調整圖片:亮度、對比度、飽和度、色相、灰度、懷舊、反相、模糊和銳化共 9 項參數,並提供黑白、復古、鮮艷、淡雅、反相等預設。拖動滑塊後自動重新計算,可用對比預覽檢查效果,單張下載或打包 ZIP,輸出原格式、JPEG、PNG 或 WebP。圖片不會上傳。

操作步驟

  1. 拖入、點擊選擇或粘貼圖片,一次最多 30 張。
  2. 選擇預設或拖動各項滑塊,結果自動更新;“全部復原”回到原圖參數。
  3. 在對比預覽中檢查效果,單張下載或打包 ZIP。

輸入 / 輸出說明

輸入
JPEG、PNG、WebP、AVIF、BMP、GIF(只取第一幀),每次最多 30 張,單張不超過 50 MB。
輸出
調整後的 JPEG、PNG 或 WebP 文件,可單張下載或打包為 ZIP。
限制
參數作用於整張圖片,不支持局部調整、曲線、色階或 RAW 文件;不保留元數據和動畫。

注意事項

每次調整都從原圖重新計算,不會因反復拖動而累積損失。大圖加銳化會較慢,可先縮小尺寸再處理。

常見問題

怎樣把彩色照片批量轉成黑白?
選擇“黑白”預設即可,它設置灰度 100% 並把對比度提高到 110%。灰度按 0.2126、0.7152、0.0722 的亮度權重計算紅綠藍,比簡單取平均更接近人眼感受。一次最多 30 張。
這裡的調色參數和 CSS filter 一樣嗎?
公式相同:亮度 150% 即 brightness(150%),對比度以 127.5 為中心。在 Chrome 中與 CSS 濾鏡逐項比對,差值不超過 2 個色階;組合時順序固定。
銳化強度設多少比較合適?
照片一般設 20%–40%。銳化是 3×3 卷積,中心權重 1 + 4a、四鄰各 −a,強度 100% 時邊緣會出現明顯白邊。模糊範圍 0–20 像素,兩者同時使用時先模糊後銳化。

相關工具

圖片調色與濾鏡 · 批次調整亮度、對比度、飽和度、色相,加入黑白、復古、模糊、銳化等效果
圖片調色與濾鏡 — 工具示意圖 · dayeku.com