图片调色与滤镜

示例

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 像素，两者同时使用时先模糊后锐化。

相关工具

• 图片压缩 在浏览器本地批量压缩 JPG、PNG、WebP，可按质量、尺寸或目标 KB 输出
• 图片加水印 给图片批量添加文字或 Logo 水印，支持九宫格位置、平铺、旋转和透明度