工具介绍
这是一款完全在浏览器中运行的免费在线图片模糊工具,可以给图片添加高斯模糊效果,支持自定义模糊半径,实时预览效果,并导出处理后的图片,无需上传到服务器,保护你的图片隐私。
使用方法
- 点击「选择图片」按钮上传你需要处理的图片,支持 JPG、PNG、GIF 等常见图片格式。
- 通过滑块或输入框调整模糊半径,范围从 0 到 100 像素,数值越大模糊效果越强。
- 预览满意后点击「导出模糊图片」按钮,即可将处理后的模糊图片下载到本地。
- 点击「重置」按钮可以清空当前内容,重新上传新图片处理。
实现原理
本工具使用浏览器原生 Canvas API 和 CSS 高斯模糊滤镜实现模糊效果,原理如下:
- 读取用户上传的图片到浏览器内存
- 使用 Canvas 上下文的
filter属性设置blur({半径}px)高斯模糊效果 - 将原始图片绘制到 Canvas 上,浏览器自动应用模糊算法
- 导出时直接将 Canvas 内容转成 PNG 图片下载
注意事项
- 所有处理均在本地浏览器完成,图片不会上传到任何服务器,隐私安全有保障。
- 支持的最大模糊半径为 100 像素,满足常规模糊需求。
- 如果是跨域图片(来自其他网站),可能会无法导出,这是浏览器安全策略限制。