在图上按住拖动就能框出一块要打码的区域，松手即生效；可以框很多块。
块越大越糊、越看不出内容；遮人脸建议 12~20，遮文字/证件号建议 4~10。
默认纯黑，也可以选灰色、白色跟画面更协调。
选张图，框几下，把不想让人看到的都糊掉。
社交媒体、维权截图、作业分享……最容易漏的就是这几类。
| 要遮的内容 | 常见位置 | 建议方式 | 风险等级 |
|---|---|---|---|
| 人脸 | 合照、街拍、监控截图、课堂照片 | 马赛克（块 12~20） | 高（可被识别比对） |
| 车牌号 | 行车记录仪、违章截图、停车照片 | 马赛克或黑条 | 高（能查到车主） |
| 身份证 / 证件号码 | 证件照片、办事截图、快递单 | 纯色块或黑条 | 极高（可被冒用） |
| 手机号 / 住址 | 聊天记录、订单、外卖单、地址栏 | 纯色块 | 高（骚扰与骚扰定位） |
| 银行卡号 / 支付码 | 付款截图、收款码、账单 | 黑条（最彻底） | 极高（直接涉财） |
| 姓名 / 工号 / 学号 | 考勤表、成绩单、工牌、聊天头像旁 | 马赛克或纯色块 | 中（可拼出身份） |
| 公司 / 项目敏感信息 | 内部系统截图、代码、数据看板 | 纯色块 | 中高（泄露商业信息） |
「遮住」和「遮得让人看不出来」是两回事。
| 方式 | 效果 | 还原难度 | 适合遮什么 |
|---|---|---|---|
| 马赛克 | 按块取平均色重画，保留大致色彩 | 中（块越大越难还原） | 人脸、车牌、背景里的路人 |
| 纯色块 | 整块填成指定颜色 | 高（信息被完全覆盖） | 证件号、手机号、地址、金额 |
| 黑条 / 黑色块 | 整块填黑，最彻底 | 最高 | 银行卡号、支付码、身份证号 |
⚠️ 免责声明：马赛克属于「视觉遮挡」，并不等于不可逆脱敏。块太小时，借助图像增强、多帧比对、AI 超分等手段仍有可能推断出原始内容；涉及身份证号、银行卡号、支付码等高度敏感信息，请使用「纯色块」或「黑条」完全覆盖，并确认导出图片中不含可复原信息。
本工具仅在你本地浏览器处理，请自行核对导出结果——发出去之前务必再打开导出的图片看一眼，确认该遮的都遮住了。
所有处理均在你的浏览器本地完成，图片不会上传到任何服务器。
晒个订单遮手机号、发个维权截图遮对方头像、分享行车记录仪遮车牌、交作业截个图遮姓名学号——「发图前先打码」已经成了基本操作。
但现实里大家常用的办法很危险：用手机自带的涂鸦画笔随手涂两下（笔迹半透明，能透出字）、或者用编辑器的「模糊」滤镜糊一层（强度不够，放大还能认出来）。
这个工具做得更实在一点：你在图上拖框选区域，它按真正的马赛克算法重画那一块——把区域切成小方格，每个方格取内部所有像素的平均颜色，再用这个颜色填满整个方格。块越大，信息损失越彻底，越看不出原来是什么。
三种遮挡方式随你选：
① 马赛克：保留大致色彩，画面不那么突兀，遮人脸、车牌、路人最自然；
② 纯色块：整块填成你指定的颜色（默认纯黑，也能选灰、白），遮证件号、手机号、地址、金额——这些是文字信息，马赛克糊了还可能被猜，纯色块才干净；
③ 黑条 / 黑色块：最彻底，专门给银行卡号、支付码、身份证号这类一旦泄露就有直接损失的内容。
块大小可以拖着调（4~40 像素）：遮人脸建议 12~20，块太小还能看出五官轮廓；遮文字建议 4~10——等等，遮文字别用马赛克，直接上纯色块。块大小主要影响马赛克的细腻程度：块越大越糊、越安全。
交互上也照顾到了实际使用情况：可以框很多块（人脸、车牌、手机号各来一块），框错了撤销上一个或者单独删除某一块，觉得全乱了就清空重来。手机上也能用，手指直接在图上拖就行。
说句负责任的话：马赛克是「视觉遮挡」，不等于不可逆脱敏。块开得很小的时候，借助图像增强、多帧比对、AI 超分辨率这些手段，理论上仍有推断出原内容的可能。所以：
· 人脸、车牌 → 马赛克，块别小于 12；
· 证件号、银行卡号、支付码、手机号 → 必须纯色块或黑条完全覆盖；
· 导出后务必重新打开看一眼，确认该遮的都遮住了再发。
另外，工具只做遮挡，不会保留你的原图，也不会往任何地方上传——全程在你自己的浏览器里跑，关掉页面数据就没了，处理身份证、病历、合同照片这类敏感图片也放心。
怎么打码：
① 图片读入后画进 canvas（按原图尺寸处理，导出也是原尺寸，超长边 4096 以上会等比缩到 4096 以免内存爆掉）；
② 你在预览图上按住拖框，工具按 getBoundingClientRect() 把屏幕坐标换算回图片坐标（预览是缩放显示的，这一步保证框得准）；
③ 马赛克：对区域调用一次 getImageData，然后按块遍历，求每个小块内所有像素的平均 RGB（含平均透明度），再用这个颜色 fillRect 填满小块；
④ 纯色块 / 黑条：直接用指定颜色（或纯黑）fillRect 覆盖整个区域；
⑤ 所有区域叠加生效，可单独删除、撤销上一个、一键清空；
⑥ 导出时把「不带选框描边」的画面编码成 PNG 下载。
它不做：不做人脸自动识别（区域要你自己框，这样才不会漏）、不做整图模糊、不压缩画质（导出 PNG 与源图同尺寸）。
审核通过后就会展示在留言板上，稍安勿躁～
还没有留言，来抢沙发吧！