图片模糊工具

什么是图片模糊工具？

如何使用图片模糊工具

1. 1

   上传图片：点击『选择图片』按钮，从本地存储中选取需要处理的图片，支持 JPG、PNG、WEBP 等常用图片格式，等待图片加载完成后进入调整界面。

2. 2

   调整强度：拖动页面中调整模糊强度的滑块，向左拖动降低模糊程度，向右拖动增强模糊程度，拖动过程中可以实时看到当前调整后的模糊效果。

3. 3

   对比预览：按住『对比原图』按钮，界面会切换显示原始图片，松开按钮后回到模糊处理后的效果图，可以反复按住松开对比效果。

4. 4

   导出图片：调整到满意效果后，点击『导出图片』按钮，在弹出选项中选择需要保存的图片格式，即可将处理好的图片保存到本地存储。

什么场景会用到？

计算示例

注意事项

• 该工具仅处理JPG、PNG、WEBP三种常见图片格式，不支持SVG、RAW等专业格式，大尺寸图片加载速度会变慢。
• 模糊强度取值范围为0%到100%，强度越高模糊程度越强，100%强度下图片会完全变成灰色块无法识别内容。
• 工具导出图片会保留原图片的宽高尺寸，不会自动压缩体积，导出大尺寸原图文件大小会和原图接近。
• 若上传带透明通道的PNG图片，模糊处理后透明通道会保留，不会自动填充白色背景。

常见问题

参考资料

• W3C Canvas 2D API 规范（模糊效果的官方实现标准）
• MDN Web Docs 关于filter:blur()的实现文档

本工具采用Canvas 2D原生高斯模糊算法实现，所有模糊效果均符合前端通用处理规范，示例结果经工具集编辑组实际上传复测，内容随浏览器API更新同步维护。