我厌倦了把敏感图片上传到随机网站，于是我制作了一个仅本地的模糊工具

Source: Dev.to

问题

几天前，我正在准备一篇技术博客文章。发布前，我需要对截图中的几个电子邮件地址和一张人脸进行模糊处理。

我做了大多数开发者会做的事：搜索免费在线图片模糊工具，点击第一个结果，然后上传我的图片。

随后我停了下来。

• 那张图片会被传到哪里？
• 它会被存储在某个服务器上吗？
• 会保存多长时间？
• 还有谁可以访问它？

该网站没有隐私政策，也没有提及数据保留期限，更没有保证我的文件在处理后会被删除。这种不安的感觉一直萦绕在我心头，于是我决定打造一个更好的解决方案。

介绍 Blur‑image.org

一款基于浏览器的图像模糊工具，所有处理 本地 在你的机器上完成。没有上传，没有服务器，永远没有第三方看到你的数据。

• 所有繁重的计算都在浏览器中通过 JavaScript、Canvas API 和本地处理管道完成。
• 图像处理不调用后端。
• 不会在网络上传输 API 密钥。
• 没有记录你图像元数据的分析追踪器。
• 只要关闭标签页，所有编辑痕迹即刻消失。

功能

1. 选择性模糊工具

• 基于画布的笔刷和选区渲染。
• 在需要模糊的区域上绘制，可动态调整模糊强度，并创建多个相互独立的模糊区域。
• 所有操作均以坐标映射的形式保存在本地内存中——从不序列化或发送到任何地方。

2. 全图模糊工具

• 对整个画布应用全局卷积效果。
• 可调节强度。
• 在全图模糊后，通过在特定区域上绘制来恢复（使用本地遮罩叠加）。

3. 人脸模糊工具

• 客户端人脸检测模型（TensorFlow.js 或类似）随工具一起打包。
• 检测多个面孔，绘制边界框，并应用高斯模糊或像素化。
• 可手动调整检测到的区域。
• 关键细节： 模型仅在浏览器内存中加载一次，绝不将图像数据发送到外部端点。

4. 敏感信息模糊工具

• OCR 在浏览器中本地运行，使用兼容的文本检测引擎。
• 通过正则表达式结合边界框识别，扫描电话号码、电子邮件地址、身份证号和实际地址。
• 可模糊、删除或手动添加检测结果。
• 文本内容永远不会离开你的设备。

5. 文本模糊工具

• 在单词或行级别进行通用文本检测。
• 应用模糊或像素化——非常适合 UI 原型、代码截图或任何需要遮蔽文本但不破坏可读性的图像。

6. 图像像素化工具

• 将选定区域降采样至更低分辨率，然后使用最近邻插值放大。
• 可控制像素块大小。
• 支持对整张图像或用户选定的区域进行操作。
• 像素化通常比模糊更强，因为它更激进地去除可识别细节。

7. 动态模糊工具

• 方向性模糊效果，沿指定角度和距离采样像素。
• 在可能的情况下使用 CSS 滤镜或 WebGL 着色器进行 GPU 加速。
• 产生与标准高斯模糊截然不同的动态创意效果。

为什么本地处理很重要

• 数据流安全: 对您的图像数据没有中间人攻击。
• 无服务器泄露: 用户上传的文件永不离开浏览器，消除泄露风险。
• 所有权明确: 没有关于数据保留的法律灰色地带。
• 离线功能: 页面加载后，即使断开互联网连接，仍可进行模糊、像素化和人脸检测。

性能取决于您的设备和浏览器。大尺寸图像以及高分辨率的人脸检测或 OCR 会耗时更长并占用更多内存。该工具通过以下方式进行缓解：

• 在合理的默认比例下处理图像。
• 让您可以控制输出质量。

等待额外的一秒进行本地处理，远比将敏感图像上传到未知服务器要好得多。

谁适合使用？

• 开发者 需要在教程中隐藏 API 密钥、电子邮件地址或内部端点。
• 设计师 分享包含客户数据的模型图。
• 任何人 对在免费在线工具上点击上传按钮感到不安。

试一试

访问 Blur‑image.org 并体验一下。

反馈

我正在积极改进中，真诚期待其他开发者的反馈：

• 人脸检测在你的测试图片上表现如何？
• OCR 对文档的处理速度是否足够快？
• 是否有本地处理显得过慢的边缘情况？

在评论中留下你的想法，或直接联系我。

为什么我创建这个

我创建它是为了解决我自己的问题，但我希望它对同样关心隐私的其他开发者也真正有用。

感谢阅读。去模糊一些东西吧，无需担心谁在观看。