
做了一个集成各种图片模糊效果的专业模糊工具网站:https://blur-image.org/
开发初期是因为电脑上面的微信、QQ等客户端虽然有图像模糊功能,但功能简单,想要复杂的图片模糊效果还是得要下载专业软件,那么问题来了,为什么不自己开发一个呢!
这是一个纯前端的万能图像模糊编辑器,支持局部模糊、整图模糊、人脸自动模糊、敏感信息自动模糊、车牌自动模糊、像素马赛克化、动感模糊等功能。
技术栈:
Next.js+React 19 + Vite 6 + TypeScript +TailwindCSS + shadcn/ui
图像处理引擎:
CanvasEngine - Canvas 2D 绘制引擎
MaskEngine - 遮罩层合成引擎
WebGLBlurEngine - WebGL 高斯模糊引擎
PixelateEngine - 像素化引擎
MotionBlurEngine - 动感模糊引擎
OCREngine - OCR 文字识别引擎
AIDetectionEngine - AI 检测引擎(人脸、车牌)
状态管理与工具:
Zustand 全局状态管理
工具类封装(SelectiveBlurTool、BasicBlurTool 等)
历史记录工具函数
图像工具函数
编辑器采用三栏布局结构(左工具栏、中间控制面板、右侧画布),目前已实现的功能有:
- 精确框选模糊功能:支持手动选择模糊区域(圆形+矩形框选)、选择模糊力度
- 全局模糊再框选清晰功能,可实现背景模糊的艺术效果
- 马赛克模糊功能 :区别于高斯模糊,在模糊效果上可以实现马赛克效果
- 文字模糊功能:可自动识别图片中的文字+自动模糊,在此基础上还能进行手动模糊调整
- 敏感信息模糊功能:可自动识别图片中的手机号、身份证号、护照号等敏感信息,自动叠加模糊效果,同样支持在此基础上进行手动模糊调整
- 运动模糊功能:是一种艺术效果,本工具还可以进行手动调整运动模糊效果
这些功能全部集成在一个在线网站工具,效果媲美专业软件,且免费,方便,安全。
最后修改于


8


真的有人会用在线工具么?这就是把个人隐私图片给其他人
纯本地运行,何来隐私?
没错,是纯本地运行,不会涉及到隐私问题