图片滤镜

图片滤镜通过实时转换每个像素的颜色来工作。每个滤镜对每个像素的红、绿、蓝通道执行一小段数学运算：brightness(150%)将它们乘以1.5使图片变亮，grayscale(100%)对通道取平均值转为单一灰度，blur(4px)使用卷积核将每个像素与相邻像素混合。由于这通过HTML canvas API在您的GPU上运行，拖动滑块的瞬间预览即可更新，无需等待、无需上传、无需往返服务器。

大致分为两类。调整滤镜在保持照片自然外观的同时改变色调和颜色——亮度、对比度、饱和度和色相旋转均属此类。效果滤镜则将图片重塑为特定风格——灰度（黑白）、棕褐（复古暖调）、反色（底片效果）、模糊（柔焦效果）和透明度。本编辑器提供全部九种CSS滤镜函数。叠加使用，例如grayscale(100%)与contrast(120%)组合，正是构建Vintage、Noir和Faded等命名预设的方式。

将照片拖入上方方框（或点击浏览，或用Ctrl/Cmd+V粘贴），然后点击预设缩略图或拖动调整滑块。预览实时更新，前后对比手柄可随时与原图比较。满意效果后，点击下载PNG或下载JPG以全分辨率保存。无任何内容上传——每个步骤都在您的浏览器中运行。PicMonkey需要登录且免费导出分辨率受限。Fotor免费下载带水印。本工具无账户要求、无付费墙、无每日上限。

CSS filter属性使用一连串滤镜函数对任何HTML元素应用图形效果：brightness()、contrast()、saturate()、grayscale()、sepia()、hue-rotate()、invert()、blur()和opacity()。例如，filter: contrast(120%) saturate(140%) sepia(15%); 呈现出强烈而略带暖意的效果。本工具在您移动滑块时实时构建这个精确字符串，可直接复制到样式表中，应用于任何img、div、video或SVG元素。

Instagram风格滤镜是基本CSS滤镜函数的预设组合。类Clarendon效果大约是contrast(120%) saturate(135%)，褪色胶片感使用contrast(85%) brightness(110%) sepia(12%)，强烈的Vivid色调叠加contrast(130%) saturate(160%)。点击画廊中的任何预设缩略图即可立即应用到您的照片，再调整各个滑块进一步优化效果。获得与VSCO或Lightroom预设等付费编辑器相同的视觉效果——无需应用、无需订阅、无需上传。

黑白效果：将灰度设为100%——B&W预设一键完成，Noir预设则添加额外对比度，效果更戏剧化。棕褐效果：提高棕褐度滑块，sepia(80%)呈现经典棕调印刷感。复古效果：两者结合，Vintage预设使用sepia(55%) contrast(108%) brightness(104%) saturate(120%)，营造温暖、轻微褪色的胶片感。Canva和Adobe Express可实现类似效果，但需要登录。本工具完全在浏览器中运行，无需账户、无需上传、无需等待。

取决于具体工具。许多在线编辑器——如Fotor、LunaPI、Pixlr——会将您的照片上传到其服务器进行处理，意味着您的图片存放在他人的机器上，可能被用于数据分析或模型训练。UtiloKit的图片滤镜完全运行在您浏览器内的HTML canvas上：您的图片在本地读取、本地处理、本地下载——从不上传、从不存储、除您之外无人可见。