图像模糊
在不上传图像的情况下进行模糊处理 — 适用于背景图、横幅缩略图、截图打码、设计 mockup。可选高斯(默认、平滑)、方框(略不平滑、性能更好)、水平/垂直运动模糊(表现速度感)。半径最大 64 像素。输出渲染到 canvas 可下载为 PNG,如需在动态元素上应用,也提供等效的 CSS `filter:` 字符串。
—
使用方法
- 拖放或选择图像 — 为性能考虑会缩放至最大 1600 px。
- 选择模糊类型,实时拖动半径滑块。
- 将结果下载为 PNG,或复制 CSS `filter` 声明用于动态应用。
常见问题
- 会上传我的图像吗?
- 不会。图像数据通过 `URL.createObjectURL` 加载并在 canvas 中渲染 — 全部在浏览器中。任何数据都不会离开你的设备。
- 为什么大图被缩小到 1600 px?
- 对 4K 图像应用 64 px 半径的模糊非常慢,可能卡死标签页。1600 px 上限既保证响应,又能为 Web 用途生成不错的输出。如需完整分辨率,请预先裁剪或缩放。
- 高斯与方框模糊的区别?
- 高斯使用钟形曲线权重 — 更平滑自然。方框使用均等权重 — 计算略便宜,视觉略粗。小半径下两者视觉上接近。
相关工具
CSS 滤镜演练场
可视化组合 blur、brightness、contrast、hue、sepia、invert 等 9 项——复制 CSS 滤镜或 Tailwind 任意值。
颜色 0 0
图像双色调效果
为任何图像应用双色调效果 — 选阴影色和高光色,调整中点和对比度,下载结果。Spotify 风格封面两次点击搞定。
图片 0 0
图片 → WebP / JPEG / PNG 转换
PNG/JPG ↔ WebP 转换,可调质量——浏览器内通过 canvas 完成。
文件 0 0
图像边缘检测 (Sobel / Scharr / Prewitt)
用经典 3×3 梯度算子 Sobel·Scharr·Prewitt 检测图像边缘。可调预模糊控制噪声、阈值决定边缘强度门槛、前景/背景颜色自由设置,适合蓝图、素描或霓虹风格输出。
图片 0 0
图片压缩
在浏览器中压缩并缩放 JPEG、PNG 和 WebP 图片。
图片 0 0
图像锐化 (Unsharp Mask)
在浏览器内用 unsharp mask 算法锐化任意照片或截图 — 三个滑块 (amount, radius, threshold)、四个预设 (轻微 → 极强)、实时前后对比、PNG 下载。无上传。
图片 0 0