CodeKitHub工具介绍
这个工具可以在分享照片前遮挡其中的敏感区域：合照里的人脸、身份证或护照上的号码、车牌、信封上印的地址，或截图里露出的信用卡号。在每个区域拖出一个矩形框，再选择遮挡方式——纯黑块、马赛克或高斯模糊——效果会永久烙印在导出的图片里。
隐私说明：全部处理都在本地进行，使用浏览器自带的 Canvas API。照片从你的设备直接加载到画布元素上，用 JavaScript 就地处理——绝不会发送到服务器，绝不上传，也绝不会离开这个浏览器标签页。页面加载完后你甚至可以断网，工具照样能用。
为什么使用它？
- 100% 本地处理：照片不会离开浏览器——不上传、不经过服务器、无需账号。
- 一个工具三种打码方式：纯黑块、马赛克或高斯模糊。
- 全分辨率输出：打码是按图片真实像素尺寸处理的，不是缩小的预览图。
- 支持撤销和重置：随时删除最后一次打码，或者重新回到原图。
- 一键下载处理完成、已永久打码的 PNG 图片。
使用方法
- 点击上传区域或直接拖入一张照片（JPG、PNG 或 WebP）。
- 选择一种打码方式：黑块、马赛克或模糊。
- 在图片上直接点击并拖动，为每一个想遮住的区域画一个矩形框——人脸、证件号、车牌等等。
- 松开鼠标后，矩形框会立即生效。如果哪个框画错了用"撤销上一步"，想重来就点"重置"。
- 点"下载 PNG"把打码完成的图片保存到设备上。
示例
输入
一张画面中能看到人脸和护照号码的照片输出
同一张照片，人脸被打上马赛克，护照号码被黑块完全遮住同一张图里不同区域可以用不同方式——比如脸打模糊，证件号用纯黑块盖住。
该选哪种打码方式
三种方式在安全性和观感上各有取舍，具体选哪个取决于内容的敏感程度。
| 方式 | 视觉效果 | 适合场景 |
|---|---|---|
| 纯黑块 | 完全不透明的矩形，彻底遮住该区域 | 证件号、卡号、地址——必须完全不可读的内容 |
| 马赛克 | 区域被打散成一格格纯色小方块，轮廓依稀可辨 | 人脸和一般场景，既想遮住是谁，又想让观众知道那里有个人 |
| 高斯模糊 | 区域被柔和地模糊，与周围融合 | 人脸或背景，想要更柔和、不那么方块化的效果 |
常见使用场景
- 发社交媒体前，先模糊掉照片里路人的脸。
- 发送证件照片做验证前，先用黑块盖住身份证或护照号码。
- 在二手交易或论坛贴文分享的照片里遮住车牌。
- 遮挡截图中出现的信用卡号、订单号或个人地址。
→ 密码泄露查询工具
为什么本地打码比在线"上传后打码"服务更安全
很多在线照片工具要求先把完整的、未打码的原图上传到服务器，才能对它做任何遮挡处理——也就是说，你想保护的那些敏感内容，会先毫无防护地短暂存在于别人的服务器上。这个工具完全避开了这个问题：图片在浏览器标签页内部通过 Canvas API 解码和处理，未打码的版本从来不会经过网络传输。对于人脸、证件、财务信息这类正是人们想要打码的内容来说，这一点尤其重要——哪怕只是服务器端一份临时的、号称会被删除的副本，也已经违背了打码本身的意义。
常见问题
我的照片会被上传到哪里吗？
不会。图片通过本地 blob URL 加载并绘制到 HTML 画布上，所有打码操作都由浏览器标签页里运行的 JavaScript 完成。整个过程不会向任何服务器发送数据，页面加载完成后即使断网工具也照常工作。
黑块、马赛克或模糊能被还原、露出原始内容吗？
黑块和马赛克模式会永久破坏原始像素数据——没有什么可还原的，因为被遮盖的像素已经被替换成纯色或取平均值后的色块。高斯模糊比看起来更难还原，但如果是身份证号这类高度敏感的内容，为了绝对保险建议用黑块或马赛克。
下载出来的图片里会不会还藏着未打码的原始版本？
不会。下载按钮导出的正是画布上当前显示的内容，打码效果已经写进像素里了。PNG 文件里没有隐藏的原图层，源图片的元数据也不会被保留。
同一张照片里能打多个人脸或多个区域的码吗？
可以。想打几个矩形框就打几个，逐一处理，中间还可以随时切换打码方式——比如给好几张脸打模糊，同时给某个证件号加黑块，都在同一张图里完成。
支持哪些图片格式？处理完得到什么格式？
可以上传 JPG、PNG 或 WebP。打码结果统一以 PNG 格式下载，能保持遮挡区域的边缘清晰，避免在编辑处引入新的压缩伪影。