匿名投诉截图
员工在钉钉群实名举报考勤造假，截图里含工号、部门、群成员头像。直接发到监察邮箱会被认出举报人，不打码又暴露同事隐私。用本工具对工号列和头像区域做像素化处理，马赛克粒度调至 16×16 像素，确保原始字符不可还原。处理后截图可匿名提交，监察部门只能看到考勤记录本身，无法追溯到具体举报人。
拖入 / 粘贴图片后，
在此涂抹或框选需要打码的区域
在此涂抹或框选需要打码的区域
打码画布—
隐私：打码常用于人脸 / 车牌 / 身份证 / 聊天记录，本工具全程在浏览器 Canvas 完成，原图绝不上传服务器。关闭页面即清空。
拖入 / 点击 / 粘贴图片
支持 JPG · PNG · WebP · 单图精修打码
截图直接 CtrlV 粘贴
遮 挡 效 果Effect
应 用 方 式Apply
导 出Export
就绪 · 拖入或粘贴图片开始打码
第一节
关于本工具
About一张带人脸或车牌的照片要发到公开群组，最麻烦的不是打码本身，是打完后发现模糊区域没盖住关键信息，得重来。这个工具允许用鼠标拖出矩形选区，然后选择高斯模糊或像素化处理——模糊让边缘更自然，像素化则彻底破坏识别性。所有操作在浏览器本地完成，图片不上传服务器。
使用场景
家装报价单发群
装修公司发来 12 页 PDF 报价单，每页左下角有项目经理姓名和手机号。想发到业主群让大家帮忙看增项是否合理，但直接发会泄露施工方隐私。用本工具框选每页的姓名、电话区域，应用高斯模糊（半径 15px），保留报价明细和材料品牌可读。发到群里后邻居能帮忙核对瓷砖型号和人工费单价，项目经理信息则完全不可辨认。
病历分享避敏感
患者母亲拿到孩子的过敏原检测报告，想发到病友群问其他家长：同样 IgE 值 35.6 的宝宝吃深度水解奶粉后是否还起疹。报告单顶部有医院名称、就诊号、主治医生签名。用本工具对顶部信息区做矩形遮罩，再用像素化（8×8 像素块）覆盖条形码，保留数值区域和参考范围不变。发到群里后其他家长能直接对比数值，医院和患者信息完全屏蔽。
竞品价格监控图
运营每天截取竞品天猫旗舰店的首页价格图存档，但截图里包含对方客服头像、店铺评分、买家昵称等无关信息。用本工具对非价格区域（头像、评分星星、评论区头像）做高斯模糊处理，只保留商品主图、价格数字和促销标签。处理后的截图放入日报，老板能直接看到竞品调价动作，不因无关元素分散注意力，也避免侵犯对方用户头像的肖像权。
合同条款去签名
法务需要把一份已签署的《保密协议》发给外部律师审核，但协议末尾有双方代表手写签名和公司公章。直接发会泄露签字人笔迹和印鉴信息。用本工具框选签名区和公章区域，应用像素化（12×12 像素块），保留正文条款和日期字段清晰。律师收到后只能审阅保密范围、违约责任等条款，签字和印章完全不可见，避免笔迹被仿冒。
直播事故录屏取证
主播在带货时误将竞品 logo 露出 3 秒，运营需截取该片段发给品牌方说明情况。但录屏画面里包含直播间在线人数、点赞数、用户弹幕昵称等敏感数据。用本工具对右上角的统计数据区域做矩形遮罩，对弹幕列表做高斯模糊（半径 10px），只保留主播画面和商品展示台。发给品牌方后对方只能看到违规露出的事实，不会因直播间数据引发其他争议。
第二节
使用指南
Getting Started使用步骤
- 1上传图片后，在预览区按住鼠标左键拖拽，框选需要打码的矩形区域，松开即生成选区
- 2在右侧「模糊方式」下拉菜单中，选择「高斯模糊」或「像素化」，预览区实时更新效果
- 3拖动「模糊强度」滑块（范围 1-100），预览区同步显示模糊程度变化，确认后点击「应用」
- 4点击「导出」按钮，浏览器自动下载处理后的图片，原图与选区信息均不保留在服务器
输入输出示例
| 输入 | 输出 | 说明 |
|---|---|---|
| 上传一张含人脸的照片，选择矩形区域覆盖面部，模糊半径设为 15 像素 | 输出图片中面部区域被高斯模糊完全覆盖，边缘与背景平滑过渡，模糊强度足以隐藏五官细节 | 常规场景：高斯模糊用于人脸匿名化，验证模糊半径对隐私保护的有效性 |
| 上传一张文字截图，选择矩形区域覆盖一行文字，像素化块大小设为 8×8 像素 | 输出图片中该行文字被像素化，每个像素块均匀填充区域颜色，文字内容不可辨认 | 常规场景：像素化用于隐藏敏感文本（如密码、账号），验证块大小对可读性的影响 |
| 上传一张纯色图片（如全白），选择矩形区域覆盖图片的 90% 面积，高斯模糊半径设为 1 像素 | 输出图片中矩形区域几乎无可见变化，仅边缘有极轻微模糊 | 边界：极小模糊半径 + 大面积覆盖，验证低强度模糊对纯色区域的实际效果 |
| 上传一张 50×50 像素的小图，选择矩形区域覆盖整个图片，像素化块大小设为 100×100 像素 | 输出图片中整个区域被单一颜色块填充（取图片平均色），无任何细节 | 边界：块大小超过图片尺寸，验证工具对超大块的降级处理（不会报错，但结果无意义） |
| 上传一张包含透明背景的 PNG 图片，选择矩形区域覆盖透明部分，高斯模糊半径设为 20 像素 | 输出图片中透明区域保持透明，无任何模糊效果 | 边界：透明像素的处理——高斯模糊对 alpha=0 的区域不产生视觉变化，用户可能误以为工具失效 |
| 上传一张图片，选择矩形区域覆盖图片边缘（部分区域超出图片边界），像素化块大小设为 16×16 像素 | 输出图片中仅图片内部被像素化，超出边界的区域被忽略，图片尺寸不变 | 易错：选区超出图片边界时，工具不会报错或裁剪，用户需注意选区完全在图片内 |
| 上传一张 JPEG 图片，选择矩形区域覆盖高压缩噪点区域（如蓝天），高斯模糊半径设为 5 像素 | 输出图片中模糊区域噪点被平滑，但模糊边缘与原始噪点区域之间可能出现色阶断层 | 易错：高压缩图片的 JPEG 伪影在模糊后可能更明显，用户需先降噪或选择更大模糊半径 |
常见错误对照
1.高斯模糊半径设太大，图片变全灰
✗ 错误
半径设为 100 像素✓ 修复
半径设为 5-20 像素（根据原图分辨率调整）高斯模糊半径超出图像短边 1/4 时，模糊核覆盖全图，结果趋近于纯色块。合理范围通常在 1-50 像素。
2.矩形选区覆盖了关键信息，打码形同虚设
✗ 错误
框选人脸时只框了眼睛，鼻子嘴巴露在外面✓ 修复
框选时覆盖整个面部轮廓（从发际线到下巴）马赛克只处理选区内部，漏选区域保持原样。人脸识别类场景应框选完整面部，避免局部暴露。
3.像素化块大小设太小，无法有效遮盖
✗ 错误
像素块大小设为 2×2 像素✓ 修复
像素块大小设为 8×8 像素或更大像素化本质是降低分辨率再放大，块尺寸过小（<4px）时人眼仍能辨认原图细节。建议至少 8px 以上。
4.矩形选区边缘锯齿，打码区域不自然
✗ 错误
直接用矩形选区框选圆形物体（如车牌）✓ 修复
先用矩形框出最小外接矩形，再手动微调四角覆盖多余背景矩形选区是轴对齐的，圆形/斜边物体边缘会留下原图锯齿。手动调整选区四角可减少边缘残留。
5.打码后保存为低质量 JPEG，马赛克被压缩模糊
✗ 错误
保存时 JPEG 质量设为 30%✓ 修复
保存为 PNG 或 JPEG 质量 ≥ 90%JPEG 有损压缩会模糊马赛克边界，使遮盖区域出现颜色渐变，降低打码效果。PNG 无损保存最佳。
6.对透明背景 PNG 打码，选区外背景变黑
✗ 错误
直接对透明 PNG 应用高斯模糊✓ 修复
先将透明区域填充为白色或纯色背景，再打码高斯模糊会混合透明像素与 RGB 像素，导致选区边缘出现黑色/灰色伪影。先填充背景可避免。
7.多张图批量打码时用了同一选区坐标
✗ 错误
所有图片都用相同的 (x, y, w, h) 坐标✓ 修复
每张图单独框选目标区域，或使用人脸检测自动定位不同图片中目标位置、大小不同，固定坐标会导致偏移或漏选。批量处理建议逐张确认或加自动检测。
8.打码后未检查原图 EXIF 信息泄露
✗ 错误
打码后直接分享图片文件✓ 修复
打码后导出时勾选「移除 EXIF」或手动清除元数据EXIF 可能包含拍摄时间、GPS 坐标、设备型号等隐私信息。打码只处理像素，不自动清除元数据。
第三节
工作原理
How It Works核心公式
P(x,y) = \frac{1}{2\pi\sigma^2} \sum_{i=-k}^{k} \sum_{j=-k}^{k} I(x+i, y+j) \cdot e^{-\frac{i^2+j^2}{2\sigma^2}}
变量说明
P(x,y)模糊后像素值，归一化结果I(x,y)原始图像在 (x,y) 的像素值σ高斯标准差，控制模糊强度k卷积核半径，通常取 3σ
示例
对 256×256 图像中 (100,100) 像素做高斯模糊，σ=5，k=15。取 31×31 邻域内各像素值，按高斯权重加权平均：权重 w(i,j)=e^{-(i²+j²)/(2×25)}，归一化后 P(100,100)=∑(I(85..115,85..115)×w)/∑w。若邻域中心像素原值 200、边缘像素原值 100，则加权后 P≈150，实现平滑过渡。
用户操作
本地处理
输出结果
第五节
常见问题
Q & A问图片传上去打码，会不会把原图传到你们服务器？我有点担心隐私。＋
答
这个工具是纯前端（FE）实现的，上传的图片只在你浏览器里处理，不会发送到任何服务器。高斯模糊和像素化两种效果都在本地完成，处理完的图片也是由你手动下载，不会经过第三方。可以放心使用，断网状态下也能正常操作。
问我想把车牌号打码，但马赛克块太大，把数字完全盖住了，怎么调小一点？＋
答
马赛克块的大小（像素化粒度）和模糊半径（高斯模糊强度）都可以在界面上调节。如果只是遮挡车牌号，建议先用矩形框选区域，再调低像素化粒度（比如从默认的 20px 降到 8-10px），这样马赛克块刚好覆盖数字笔画，不会糊成一片。模糊半径同理，数值越小越清晰。
问为什么我框选区域后，打码效果只覆盖了框内部分，边缘有白边或没对齐？＋
答
框选矩形区域时，鼠标拖拽的起点和终点决定了马赛克的作用范围。如果框选时没有完全覆盖目标（比如文字边缘超出选框），或者选框太靠近图片边界，会出现漏打或白边。建议框选时比目标区域多留 2-3 像素的余量，尤其是图片边缘处。工具不支持羽化或自动扩边，需要手动微调框选位置。
问高斯模糊和像素化到底有什么区别？我该用哪个来打码人脸？＋
答
高斯模糊是把选中区域整体变模糊，像隔了一层毛玻璃，适合对背景或大面积区域做柔和遮挡；像素化是把区域切割成一个个小方块，每个方块取平均颜色，形成类似马赛克的效果，适合精准遮挡文字、数字、人脸等需要完全不可读的内容。打码人脸建议用像素化，因为高斯模糊在模糊半径较小时仍能看出轮廓，容易被还原。
问我打码后保存的图片，放大看马赛克边缘有锯齿，怎么解决？＋
答
这是浏览器输出图片时默认的缩放算法导致的。本工具输出的是原始分辨率的 PNG 图片，如果你在保存后放大查看（比如在图片查看器里放大到 200% 以上），浏览器或系统会用双线性插值算法平滑边缘，产生锯齿。建议保存后直接用原图尺寸查看，不要放大；或者在工具里先手动把图片缩小到目标尺寸再打码，这样马赛克块和原图比例更匹配。
问我有一张图里有很多个人脸，能不能一次框选所有人脸？＋
答
目前这个工具只支持手动框选矩形区域，不支持自动人脸检测。如果多个人脸分散在不同位置，需要逐个框选并分别应用打码效果。框选时每个区域可以独立设置打码类型（高斯模糊或像素化）和参数。没有批量框选或自动识别的功能，处理多人合影时操作会稍繁琐。
问图片太大上传后页面变卡，有没有文件大小限制？＋
答
因为是纯前端处理，图片大小受限于浏览器内存。实测 10MB 以内的 JPG/PNG 基本流畅；超过 30MB 的图片（比如高像素相机原图）在框选和渲染时可能出现卡顿或浏览器崩溃。建议先用图片压缩工具把图片缩小到 2000px 以内再上传。本工具没有硬性文件大小上限，但性能完全取决于你的设备内存。
问我打码后下载的图片，为什么比原图大了好几倍？＋
答
本工具输出的是 PNG 格式，PNG 是无损压缩，对于包含大量马赛克块或模糊区域的图片，像素值变化频繁，压缩率反而低，导致文件体积变大。如果原图是 JPG（有损压缩），转为 PNG 后体积翻倍甚至更多是正常现象。如果需要小体积，可以在下载后用图片压缩工具转回 JPG；或者在本工具里先调低输出图片的分辨率（比如缩放到 50% 再打码）。
隐私保证所有计算与处理均在你的浏览器本地完成，输入数据不会上传服务器，也不会保存或共享。