先把最重要的一句放在前面：混淆和解混淆是同一套参数的正反两个方向。如果你之后想还原，就必须保留混淆后导出的原始文件，并且用 PNG 保存。其余操作都可以慢慢熟悉，这两点错了，后面很难补救。
30 秒版本
- 选图。点击虚线区域、把图片拖进去，或按 Ctrl + V 粘贴截图。
- 选方向并开始。要分享、要遮一下画面，点“混淆”；要把打散的图还原，点“解混淆”。按钮本身就是执行入口，点哪个就按哪个方向处理。
- 处理并保存。点击后立即开始，完成后选 PNG 下载。需要对照原图时点“还原原图”。
第一次用，建议直接点工具里的“用示例图试试”。示例图由浏览器现场绘制，混淆、下载、重新载入、解混淆都能完整走一遍，不需要准备素材。
选图：格式、尺寸与文件大小
支持 JPG、PNG、WebP、GIF（只取处理时显示的那一帧，不保留动画）、BMP，以及当前浏览器能解码的 AVIF。SVG 不在支持范围内：它可能引用外部资源，浏览器会拒绝读取画布像素。需要处理 SVG 时，先导出成 PNG。
尺寸方面，建议控制在 800 万像素、单边 8000 像素以内。这不是硬性的服务器限制，而是浏览器画布和内存的现实边界。处理一张 4000 × 2000 的图，浏览器需要同时持有原图、映射表和结果画布；手机上的可用内存更少。
- 混淆：超限会自动等比缩小，界面会提示缩小后的尺寸。结果尺寸随之变化。
- 解混淆：超限会拒绝处理。解混淆必须保持原尺寸，自动缩小会让坐标对不上。
- 文件大小：读取上限为 40 MB。超过时先压缩或裁剪，不要直接拖入。
三种载入方式
点击选择
点击工具左侧的虚线区域或“选择图片”按钮，打开系统文件选择器。这是最稳妥的方式，也适合手机从相册选图。
拖放
把图片从桌面或文件管理器拖到虚线区域，看到“松开鼠标，载入图片”后松手。一次只能处理一张；如果拖入多张，只会载入第一张。
粘贴
截图后直接按 Ctrl + V（macOS 为 ⌘ + V）。浏览器会把剪贴板里的图片当作文件读入，不会上传。部分手机浏览器不支持粘贴图片，用“选择图片”即可。
混淆与解混淆，方向别选反
工具右侧并排放着两个动作按钮：混淆和解混淆。当前方向显示为绿色实心按钮，另一个是白色描边；点击任意一个都会立即按该方向处理，不需要再点一次确认。
判断方式很简单：如果你希望别人看不懂，点“混淆”；如果你拿到一张“看不懂的图”，并且确认它由本站生成，点“解混淆”。如果当前显示的是处理结果，点击另一个方向会直接处理这张结果图；如果已经点“还原原图”切回输入图，则会重新处理输入图。原文件不会被修改。
“还原原图”只把预览切回原始文件，不会撤销处理结果。结果仍在，可以随时点“查看结果”切回去，也可以继续下载。
保存格式怎么选
需要之后还原，选 PNG。PNG 是无损格式，不会重新计算颜色，混淆再解混淆可以做到逐像素一致。代价是文件更大，尤其是混淆后的图细节多，PNG 压缩率会下降。
只在屏幕上展示、不打算还原，可以选 JPEG。体积更小，但每次保存都会做有损压缩；解回来可能出现细微色差和块状噪点。透明背景在 JPEG 中也会被填成白底。
| 需求 | 建议格式 | 原因 |
|---|---|---|
| 之后要解混淆 | PNG | 无损保存，像素值不变 |
| 发聊天窗口展示 | JPEG 或 PNG | JPEG 体积小；PNG 保留精度 |
| 透明背景 | PNG | 保留 alpha 通道 |
| 需要最小体积 | JPEG | 有损压缩，体积明显更小 |
手机上怎么用
- 用手机浏览器打开本站，点“选择图片”，从相册选择。
- 如果图片很大，先在系统相册里裁剪或缩小，避免处理时内存不足。
- 处理期间保持页面在前台。切到其他应用后，浏览器可能回收标签页，导致处理中断。
- 完成后点“下载结果”。iPhone 会存入“文件”或“照片”，Android 通常进入下载目录。
手机屏幕小，工具面板会自动堆叠到预览下方；两个方向按钮、格式选择和下载按钮都在同一面板内，不需要横向滚动。
一次处理多张图
当前版本一次处理一张。需要处理多张时，可以开多个浏览器标签页，每个标签页独立载入、独立处理；图片不会在标签页之间传输，也不会被上传。
建议按“混淆后的文件名”统一命名，例如在原文件名后加 -hunxiao。工具下载时会自动加这个后缀，但聊天软件转发后可能改名，保留一份本地归档更稳妥。
批量功能在计划中。在没解决大图内存控制和失败重试之前，不会为了“功能看起来多”而仓促上线。
处理速度与设备
算法本身是线性的：每个像素搬运一次，复杂度为 O(n)。真正的瓶颈通常是浏览器画布的内存拷贝和 PNG 编码，而不是循环本身。上亿像素不现实，800 万像素在近几年的电脑上通常一到几秒完成。
如果明显变慢，先关闭其他占用内存的标签页，尤其是视频、在线文档和大型 Web 应用；再尝试把图片缩小到 400 万像素以内。手机上的速度差异更大，旧设备处理 800 万像素可能需要更久。
故障排查表
| 现象 | 可能原因 | 处理方式 |
|---|---|---|
| 按钮点了没反应 | 还没载入图片，或浏览器不支持 Canvas | 先选图；换 Chrome、Edge、Safari 的较新版本 |
| 提示图片过大 | 超过 800 万像素或单边 8000 像素 | 混淆会自动缩小；解混淆请换用原始尺寸文件 |
| 解出来还是噪点 | 尺寸被改、二次压缩，或不是同一算法 | 用混淆后导出的 PNG 原始文件，避免转发压缩 |
| 下载后是空白或黑图 | 透明背景存成 JPEG，或内存不足 | 改存 PNG；关闭其他标签页后重试 |
| 手机处理很慢 | 图片过大、内存有限 | 先裁剪或缩到 400 万像素以内 |
| 图片打不开 | 格式不支持或文件损坏 | 转成 JPG/PNG 再试；SVG 需先导出位图 |
自己验证图片没有上传
不需要相信任何口头承诺。打开浏览器的开发者工具（Windows/Linux 按 F12，macOS 按 ⌥ + ⌘ + I），切到“网络 / Network”面板，再处理一张图。除了页面本身的静态资源和百度统计请求，不应该出现携带图片的请求。
还可以在页面加载完成后断开网络再处理。工具不依赖网络，仍然可以完成混淆和解混淆；如果某个“本地工具”断网就失效，它大概率把图片传到了服务器。
验证时要看“处理时”的网络请求，而不是页面刚打开时的加载请求。百度统计请求包含的是访问概况，不包含画布内容；细节见安全与隐私。
下一步
操作熟悉之后，建议花十分钟读一遍算法原理。知道曲线和位移在做什么，你会更容易判断“为什么这张图还原不了”，也更不容易被夸大的宣传误导。