图片滤镜
点击或拖拽上传
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 同样实现。MDN - CSS filter
- 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% | 极限强化 | 艺术化、抽象化处理 |
Authoritative References
- ReferenceCSS filter - MDN
- ReferenceWikipedia - Sepia tone
- ReferenceWikipedia - Color photography