图片工具 · 编辑变换

图片滤镜

灰度/反色/棕褐/锐化/暖冷调

✓本地处理 · 不上传 ✓免费 · 无需登录 ✓无次数限制 累计 126 次使用
预设画廊 · 微调 · 锐化 · 对比 · 本地
拖入 / 点击 / 粘贴图片

支持 JPG · PNG · WebP · GIF · BMP · AVIF · 单图
截图直接 CtrlV 粘贴

Filtered locally — nothing uploaded
拖入 / 粘贴图片后,
在此实时预览,并拖动中线对比原图与滤镜后
隐私:所有滤镜在浏览器 Canvas 实时完成,原图不离开本机,不上传任何服务器。预览按显示分辨率渲染(丝滑),导出按原图全分辨率应用同一滤镜链。关闭页面即清空。
就绪 · 拖入或粘贴图片开始
第一节

关于本工具

About

一张照片拍完,色调不对、细节模糊,重拍来不及。这个滤镜工具在浏览器里直接处理原图——转灰度、反色、棕褐复古、锐化轮廓,或整体偏暖偏冷,不依赖任何后端服务器,图片始终留在本地。适合修图前快速预览效果、批量调色前试参数,或单纯给截图加一层风格。

使用场景

壹

旧照片翻拍去黄

翻拍90年代家庭相册时,扫描件整体偏黄褐,人脸细节被暖色淹没。用棕褐滤镜反而加重色偏,但本工具的「反色」先校正底片色罩,再用「灰度」剥离色温干扰,最后微调「锐化」让发丝和衣领纹理清晰。三分钟处理完五张老照片,无需进PS调曲线。

贰

电商主图统一风格

店铺上架十二件白色衬衫,每张原图光线不同——有的偏冷偏蓝,有的偏暖偏黄。用「暖调」统一所有图片的色温至3200K,再用「灰度」做一组黑白预览图放详情页底部,买家直接看版型剪裁。本工具支持批量导出,不用逐张在手机修图软件里调色温滑块。

叁

证件照背景改色

拍了白底证件照,但报名系统要求蓝底。原图边缘有碎发和白墙反光,直接换色会留白边。先用「反色」把白底变成黑底,再用「灰度」消除原背景的纹理差异,最后用「锐化」强化人像边缘轮廓。输出后导入换色软件,选区边缘干净,无需重新拍照。

肆

产品包装设计对比

设计茶叶礼盒时,包装纸打样只有彩色版,但印刷厂要求提供黑白稿确认灰度层次。用「灰度」滤镜直接看红色茶罐和绿色标签在黑白印刷下的明度差——发现两者灰度值只差8%,当即调整了标签色号。本工具实时预览,比在AI里手动去色快,且能同时对比暖调/冷调下的视觉权重。

伍

社交媒体封面去干扰

拍了一张街景想当公众号封面,但背景里广告牌、行人、车辆颜色杂乱,文字被淹没。用「反色」把红色广告牌变成青色,再用「灰度」消除所有颜色干扰,最后「锐化」让建筑轮廓线条突出。处理后文字叠加在封面上清晰可读,不用花半小时在PS里抠图去背景。

第二节

使用指南

Getting Started

使用步骤

  1. 1上传一张 JPG 或 PNG 图片,预览区立即显示原图缩略图
  2. 2在滤镜列表中点选「灰度」「反色」「棕褐」「锐化」「暖调」或「冷调」,预览图实时更新效果
  3. 3点击「下载」按钮,浏览器自动保存已应用滤镜的图片到本地

输入输出示例

输入输出说明
一张彩色风景照片(JPG,1920×1080)灰度滤镜:输出为黑白灰度图像,保留原图亮度层次常规:灰度滤镜最典型场景,验证亮度转换算法是否保留细节
一张人物自拍(PNG,800×600)反色滤镜:输出为颜色反转图像,肤色变为青蓝,背景色互补常规:反色滤镜常见于创意效果,验证RGB各通道取反逻辑
一张纯白图片(100×100,RGB=255,255,255)棕褐滤镜:输出为浅褐色(约RGB=210,180,140),整体泛黄边界:纯白输入测试棕褐映射,避免输出纯黑或失真
一张纯黑图片(100×100,RGB=0,0,0)锐化滤镜:输出仍为纯黑,锐化算法对零值像素无效果边界:纯黑输入验证锐化是否引入噪点或保持零值
一张高对比度黑白线条图(SVG转PNG,1000×1000)暖调滤镜:输出整体偏橙黄,线条边缘可能轻微模糊边界:高对比度图测试暖调色温偏移对边缘的影响
一张带有透明通道的PNG(RGBA,500×500)冷调滤镜:输出整体偏蓝,透明区域保持透明,不改变Alpha通道易错:透明通道处理——部分滤镜会错误填充透明区为黑色,本工具保留Alpha
一张极低分辨率图标(16×16,GIF格式)所有滤镜均正常输出,但锐化滤镜可能产生明显锯齿易错:低分辨率下锐化易放大像素块,需提示用户调整参数或避免
一张过曝照片(高光区域RGB=255,255,255占30%面积)灰度滤镜:过曝区域输出纯白,丢失细节;反色滤镜:过曝区域变纯黑易错:过曝输入测试滤镜对高光截断的处理,提示用户先调整曝光

常见错误对照

1.锐化强度过高导致噪点

✗ 错误对一张高 ISO 夜景照片直接应用锐化滤镜
✓ 修复先降噪再锐化,或选择低强度锐化参数

锐化本质是增强边缘对比,高 ISO 照片已有大量噪点,锐化会同时放大噪点,使画面变脏。

2.棕褐滤镜用在黑白原图上

✗ 错误对一张已经去色的灰度图片应用棕褐滤镜
✓ 修复对彩色原图直接应用棕褐滤镜

棕褐滤镜基于原图的色相信息做映射,灰度图已丢失色相,应用后只会得到深浅不一的单色,失去棕褐的层次感。

3.反色后保存为 JPEG 格式

✗ 错误将反色处理后的图片保存为 JPEG
✓ 修复保存为 PNG 或 TIFF 格式

反色操作会生成大量锐利色块边缘,JPEG 的有损压缩会在这些边缘产生振铃伪影和色块模糊,PNG 无损保存可避免。

4.暖调滤镜叠加冷调滤镜

✗ 错误先应用暖调滤镜,再应用冷调滤镜,期望得到中性色
✓ 修复直接用原图调整色温滑块,或只应用一次滤镜

两次滤镜叠加不是简单的色温抵消,而是两次非线性色相偏移,结果往往偏紫或偏绿,无法精确回到中性。

5.灰度滤镜后继续调色

✗ 错误对灰度图再应用暖调或棕褐滤镜
✓ 修复先调色再转为灰度,或者只做一次目标效果

灰度图已丢失全部色彩信息,后续任何调色操作(暖调、冷调、棕褐)都只能改变亮度,无法恢复色彩,效果不可控。

6.锐化滤镜重复应用

✗ 错误对同一张图连续应用两次锐化滤镜
✓ 修复一次锐化后评估效果,如需更强锐化,调整参数后重新应用一次

重复锐化会不断放大高频噪声和边缘伪影,导致图像出现白色光晕和颗粒感,无法通过后续操作修复。

7.小尺寸图片锐化后模糊

✗ 错误对 100×100 像素的缩略图应用锐化滤镜
✓ 修复对原尺寸大图应用锐化,缩略图在显示时由浏览器缩放

小图本身像素信息少,锐化只能增强已有的少量边缘,反而会突出像素锯齿和压缩伪影,效果适得其反。

第三节

工作原理

How It Works

核心公式

Gray = 0.299 × R + 0.587 × G + 0.114 × B

变量说明

  • R红色通道值,0–255
  • G绿色通道值,0–255
  • B蓝色通道值,0–255

示例

像素 RGB(120, 200, 80):Gray = 0.299×120 + 0.587×200 + 0.114×80 = 35.88 + 117.4 + 9.12 = 162.4,取整 162,输出灰度值 162(对应亮度约 63.5%)。

原始图片(像素矩阵)滤镜算法(像素级变换)参数调整(强度 / 色值)滤镜后图片(新像素矩阵)Canvas 渲染(浏览器显示)
输入 / 渲染 本地处理 输出结果
第五节

常见问题

Q & A
问点了一下滤镜就生效了,怎么撤销回到原图?是不是得重新上传?+
答

不用重新上传。本工具所有滤镜效果都在浏览器本地实时处理,页面结果区会保留原图缩略图或提供『重置』按钮(具体看界面布局),点击即可一键回到未加滤镜的原始状态。如果找不到重置按钮,刷新页面也会清空所有已应用的滤镜效果,但注意刷新后需重新选择图片文件。

问为什么我选了锐化,图片反而变得更模糊了?+
答

锐化滤镜是通过增强像素边缘的对比度来让画面看起来更清晰,但如果原图本身噪点很多(比如手机夜景照片),或者锐化力度过大,反而会放大噪点,造成『假模糊』的视觉效果。本工具锐化强度是固定参数,如果原图噪点多,建议先对图片做降噪处理再使用锐化,或者改用棕褐/暖调等色彩类滤镜,避免结构增强带来的副作用。

问反色和灰度是同一种效果吗?+
答

完全不是。灰度是把所有像素的彩色信息去掉,只保留亮度(黑白),相当于把红绿蓝三个通道按人眼敏感度加权平均成单一明度值。反色(负片效果)则是取每个颜色通道的补值——红色变青色、绿色变品红、蓝色变黄色,最终呈现类似胶片底片的色彩反转效果。灰度适合强调明暗层次,反色适合制造视觉冲击或模拟 X 光片风格。

问暖调和冷调具体是怎么调的?能控制冷暖的强度吗?+
答

暖调是给整张图片增加红色和黄色分量,冷调则是增加蓝色分量,本质是白平衡偏移。本工具目前提供的是固定强度的冷暖滤镜,不支持用户手动拖动滑块调节偏移量。如果觉得效果太强或太弱,可以尝试先使用灰度/棕褐等中性滤镜,再叠加冷暖调(如果工具支持多滤镜叠加),或者直接用系统相册的编辑功能做精细色温调节。

问这工具是纯前端处理的吗?图片会不会上传到你们的服务器?+
答

是纯前端处理(FE 实现),图片全程不会离开你的浏览器。所有滤镜算法——灰度、反色、棕褐、锐化、暖冷调——都是通过 JavaScript 读取图片像素数据,在内存中逐像素计算后重新绘制到 Canvas 上,最终由你手动保存结果。没有任何网络请求上传图片,适合处理敏感或私密照片。

问最大支持多大的图片?我有一张 50MB 的 RAW 文件能用吗?+
答

本工具基于浏览器 Canvas API 处理图片,受浏览器内存限制。通常建议图片宽高不超过 4096 像素,文件大小不超过 20MB。50MB 的 RAW 文件(如 .CR2 / .NEF)浏览器无法直接读取,需要先转换为 JPEG 或 PNG 格式再拖入。如果图片尺寸过大,浏览器可能会卡顿或提示『页面无响应』,此时建议缩小图片分辨率后再试。

问棕褐滤镜和直接调成褐色有什么区别?为什么老照片效果都用这个?+
答

棕褐(Sepia)不是简单把图片变成褐色,而是模拟早期摄影中硫化物调色工艺的化学反应效果:它把深色区域往暖棕色偏移,同时保留一定的高光对比度,让照片产生『复古感』。普通褐色调整可能会让暗部发黑、亮部发灰,而棕褐滤镜有专门的色彩映射曲线,能保留更多中间调的层次感。这也是为什么老照片修复和复古风滤镜都首选棕褐而非纯褐色。

问我把图片加滤镜后保存,画质会变差吗?+
答

画质损失主要取决于保存格式和压缩率,而非滤镜本身。本工具处理完的图片在浏览器中是以无损 PNG 格式展示的,但当你右键保存时,浏览器默认可能使用 JPEG 格式(有损压缩)。建议保存时手动选择 PNG 格式,或在设置里把图片质量调到最高(90%-100%)。如果原图本身就是高压缩比的 JPEG,反复叠加滤镜可能会放大压缩伪影(马赛克块),建议先用无损格式处理。

隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。

↑↓选择 ↵打开 ⌘+↵新窗口 esc关闭