跳到主要内容
忆云竹

CSS 图片滤镜生成器

在示例图或本地图片上预览模糊、亮度、色彩和透明度,导出对应的 filter CSS。

CSS 滤镜示例图

支持 PNG、JPEG、WebP、GIF,最大 20 MiB、2,000 万像素、单边 8,192 px。导出内容为 CSS,不是处理后的图片。

CSS

内容只在当前浏览器中处理,不上传或保存。

工具介绍

先在示例或本地图片上尝试视觉效果,再应用到项目样式表。

使用说明

使用示例图,或选择 PNG、JPEG、WebP、GIF 图片。调整模糊、亮度、对比度、饱和度、色相、灰度、褐色、反相与透明度;可切换原图对照,也可重置滤镜。设置与预览同步更新。

本地图片限制为 20 MiB、2,000 万像素、任一边不超过 8,192 像素,不上传图片。复制和下载得到的是 filter CSS,不是处理后的图片;切换原图仅影响预览,不清除已设滤镜。

常见问题

可以下载加好滤镜的图片吗?

这里导出 CSS,不导出处理后的像素。查看原图不会清除滤镜参数;本地图片不上传,但须符合页面提示的尺寸限制。

图片在别处能打开,为什么这里无法导入?

预览接收 PNG、JPEG、WebP、GIF,限制为 20 MiB、2,000 万像素,任一边不超过 8,192 像素。文件体积小也可能因像素尺寸过大被拒绝。请先缩小尺寸或转换不支持的格式,再重新选择图片。

评论

0
后参与评论。
暂无评论
回复讨论

按时间查看完整回复脉络;每条回复都会标明它回应的具体内容。