使用方法
- 点击“选择文件”,或把图片拖到方框中。也可以按 Ctrl+V 粘贴。
- 选择一个“预设”作为起点,或逐个移动滑块。移动滑块时,图片会随之更新。
- 拖动分割线,将滤镜后的图片与原图对比;若要重新开始,点击“重置”。
- 选择“输出格式”,点击“下载图片”,以全尺寸保存图片。
各个滤镜的作用
“亮度”为每种颜色增加或减去光线,“对比度”使明暗部分拉开或靠拢。“饱和度”决定颜色的鲜艳程度:为 -100时图片变为灰色。“色相”把每种颜色沿色环旋转您选择的度数。
“灰度”、“褐色调”和“反相”分别把颜色混合为灰色、棕色调或其相反色。“模糊”使图片柔和,“锐化”使边缘更清晰,“暗角”通过压暗边缘把视线引向中央。
滤镜的顺序
先应用颜色调整,然后是模糊、锐化和暗角。因此模糊会柔化您已选定的颜色。无论先移动哪个滑块,相同的设置总是得到相同的图片。
全尺寸与大图
预览在图片的小副本上运行,因此保持流畅。保存的文件则按图片的全尺寸生成。大图在后台线程中处理,若滤镜耗时超过两分钟则会停止。
示例:老式风格的照片
在一张家庭照片上选择“复古”预设。它增加40% 的褐色调,降低对比度10、饱和度15,并使暗角加深35%。拖动分割线检查人脸,然后点击“下载图片”。
常见问题
应用滤镜时照片会被上传吗?
不会。您的浏览器在您自己的设备上计算滤镜,保存的文件也在那里生成。页面加载后断开网络连接,再对一张图片应用滤镜,即可核对这一点。
为什么保存的图片与原图尺寸相同?
滤镜作用于图片的每一个像素,因此文件保持原图的宽度和高度。只有预览被缩小,以适合您的屏幕。
亮度与对比度有什么区别?
亮度使每种颜色同等地变亮或变暗。对比度则把明暗部分拉开,或在中间灰色附近让它们靠拢,从而使细节更容易或更难看清。
能撤销滤镜吗?
可以。“重置”会把每个滑块恢复为零。您电脑上的原始文件从不会被改动,工具只生成一个新文件供您下载。
为什么大图上的模糊需要一点时间?
模糊要对每个像素多次运算。大图交给后台线程处理,因此页面保持响应,工作完成后文件即可使用。
应保存为 PNG 还是 JPEG?
PNG 精确保留每一个像素,适合图形以及需要再次编辑的图片。JPEG 对照片生成的文件更小,但会略微损失细节。
资料来源
- MDN:CSS filter 函数,亮度、对比度、褐色调等的含义(英文)
- W3C Filter Effects Module Level 1:亮度权重与褐色矩阵(英文)
- MDN:Web Workers API,把工作交给页面之外运行(英文)
数据和文字最近核对于2026年11月10日星期二。