图片滤镜与调整

调整亮度、对比度、饱和度、色相、灰度、棕褐色、反相和模糊,或直接套用预设。导出结果在所有浏览器中都与预览一致。

将图片拖放到此处,或点击选择图片
也可以直接从剪贴板粘贴图片(Ctrl+V / ⌘V)

完全在浏览器中运行,您的数据不会被上传。

相关工具

查看全部

什么是 图片滤镜?

为图片应用照片调整和效果:亮度、对比度、饱和度、灰度、棕褐色、反相、色相旋转和模糊,既可以用滑块单独调整,也可以通过黑白、怀旧棕褐、复古、鲜艳、冷色调和负片等预设一键套用。前后对比视图会展示效果,导出的文件与你所见完全一致。

如何使用 图片滤镜

  1. 拖放、选择或粘贴图片。
  2. 点击一个预设,或拖动每项调整的滑块。
  3. 对比处理前和处理后的预览。
  4. 选择输出格式并下载滤镜处理后的图片。

示例

输入
Pure red pixel (#FF0000), Grayscale 100%
输出
#363636 (0.2126 × 255 ≈ 54 for each channel)

何时使用 图片滤镜

用于对照片、截图和社交媒体图片做快速修正和风格化处理。它不是完整的照片编辑器:没有曲线、图层、蒙版或局部调整,处理非常大的图片也需要一点时间。

图片滤镜 的工作原理

滤镜在 JavaScript 中逐像素计算,使用 W3C Filter Effects 规范中的公式(与 CSS filter 相同的数学):亮度和对比度使用线性传递函数,饱和度、色相旋转、灰度和棕褐色使用颜色矩阵,再加上反相函数,按此顺序应用,并在每一步后做范围限制。模糊是在预乘 alpha 上通过三次盒式模糊近似的高斯模糊。由于没有使用 canvas 的 filter 属性,即使在不支持它的浏览器(如 Safari)中,导出文件也包含该效果。

常见用例

  • 把照片转成黑白,用于印刷排版。
  • 提亮偏暗的手机照片。
  • 让商品图保持统一的暖色或冷色调。
  • 模糊背景图,用作网站首屏主视觉。
  • 反转深色模式截图,便于打印。

安全提示

图片使用 Canvas API 在你的浏览器本地解码、处理和编码,不会上传到任何服务器。

常见问题

下载的图片与预览看起来一样吗?

一样。预览和导出由同一套像素级代码生成,与浏览器是否支持 canvas 滤镜无关。

滤镜按什么顺序应用?

亮度、对比度、饱和度、色相旋转、灰度、棕褐色、反相,最后是模糊。

可以撤销修改吗?

点击原图预设即可重置所有滑块;源图片永远不会被修改。

推荐的下一步

探索更多分类