这篇教程不假设你懂算法，也不要求你会用开发者工具。照着按钮顺序操作即可； 如果中途结果不对，先跳到“六个常见卡点”，多数问题都能在那里找到原因。
开始前：准备一张合适的图
混淆对图片内容没有要求，但对尺寸和后续处理有要求。 开始之前，建议先确认三件事：
- 宽度和高度不要超过 4000 像素，总像素不超过 800 万。超过时工具会先等比缩小，缩小后的图片无法与原始尺寸的混淆结果互通。
- 保留一份原图。混淆结果经过 JPG 压缩后会有轻微损失；如果你需要像素级还原，请把输出格式切到 PNG，或者始终保留原始文件。
- 不要在混淆图上做二次编辑。裁剪、旋转、加文字、贴纸都会改变宽高或像素位置，导致无法还原。
格式方面，JPG、PNG、WebP、GIF、BMP 和 AVIF 通常都能读入，具体取决于浏览器。 带有透明通道的 PNG 在输出 JPG 时会被铺成白底；如果透明区域很重要，请选择 PNG 输出。
混淆是可逆的，但“可逆”不等于“无损”。JPG 输出会经历一次有损压缩，反复混淆、还原、再混淆会累积压缩痕迹。重要图片请先留一份原图，不要把混淆结果当作唯一副本。
第一步：导入图片
首页工具支持三种导入方式，效果完全一样，选你顺手的即可。
- 点选：点击“选择图片”，在系统文件窗口里找到图片。手机上会打开相册或文件选择器。
- 拖拽：把文件从桌面或文件夹直接拖进左侧画布区域。画布会出现高亮边框，松手即可读取。
- 粘贴：在电脑上复制一张图片（截图工具、浏览器右键复制都可以），回到页面按 Ctrl + V 或 ⌘ + V。
导入成功后，右侧会显示文件名、体积、图片尺寸和当前状态。如果整张图被缩小过， 画布下方会出现一条提示，写明原始尺寸和缩小后的尺寸。
没有现成的图片也没关系，点“用示例图片试试”会生成一张带有文字和几何图形的测试图。 示例图在本地绘制，不会请求网络。
第二步：选择处理方向
看到图片后，右侧会出现两个主要按钮：
- 混淆图片：把当前画面打乱。适合把一张普通图片处理后再发出去。
- 解混淆图片：把当前画面还原。适合接收别人发来的混淆图。
两个按钮使用的是同一套曲线和位移参数，只是搬运方向相反。你可以在同一张图上连续点， 比如先混淆、再解混淆，观察画面是否回到导入时的状态。
输出格式在按钮下方选择。JPG 体积小、兼容性好，与参考实现的默认行为一致； PNG 无损，适合需要反复处理或保留透明通道的图片。切换格式不会自动重新处理， 需要再点一次混淆或解混淆。
时间主要花在为每个像素计算曲线坐标上。一张 1200 × 800 的图片通常在零点几秒内完成，800 万像素的大图在手机上可能需要几秒。处理时请停留在当前页面，切到后台可能被系统挂起。
第三步：保存与发出
处理完成后，画布上会显示结果，按钮变为可用。点“下载结果”，浏览器会把当前画面保存为
原文件名-混淆.jpg 或 原文件名-解混淆.png（后缀取决于输出格式）。
发送时有三个细节值得注意：
- 尽量用“原图”或“文件”方式发送。部分聊天软件会压缩图片并改变尺寸，接收方还原时会整体错位。
- 不要把结果截图后再发。截图会重新采样像素，宽高可能变化，曲线坐标对不上。
- 告诉对方用哪个页面。还原必须使用同一套算法；换一个软件，得到的结果不会相同。
“还原”与“解混淆”的区别
这两个词很容易混，但它们在页面里做的是不同的事：
| 按钮 | 作用 | 什么时候用 |
|---|---|---|
| 解混淆图片 | 按相反方向重排像素，计算出一张新图 | 你导入的是一张被混淆过的图片 |
| 还原到导入状态 | 不做任何计算，只把画布切回刚导入的画面 | 你处理错了方向，想回到起点重来 |
“还原到导入状态”不会把混淆图变成原图。它只是撤销你在本页做过的处理， 让你重新选择方向。真正的还原动作是“解混淆图片”。
对方收到后怎么还原
把下面这段步骤发给对方即可，不需要额外解释：
- 打开
xfqjiehunxiao.com，首页就是工具。 - 把收到的图片存到本地，再导入工具；不要直接在聊天窗口里截图。
- 确认图片尺寸与发送方一致，点“解混淆图片”。
- 点“下载结果”保存还原后的画面。
如果对方还原后看到的是错位的色块，而不是清晰的画面，通常意味着图片尺寸被改过。 可以请发送方检查原图的宽高，或者用“文件”方式重新发送一次。
六个常见卡点
按钮是灰的，点不了
说明还没有成功导入图片，或者上一张图仍在处理中。等处理结束，或重新选择一张图片。
导入后画面是空的
可能是浏览器不支持该格式（例如部分系统里的 HEIC），也可能是文件已损坏。先用系统自带的看图工具确认图片能正常打开，再另存为 JPG 或 PNG 重试。
提示图片被缩小
原图超过了 800 万像素或 4000 像素单边上限。缩小是为了避免手机内存不足。缩小后的图片仍可正常混淆，但不能与原始尺寸的结果互通。
解混淆后仍然是一片噪声
先确认宽高是否与混淆时一致，再确认是不是在同一套算法下处理。如果图片经过裁剪、缩放、截图或聊天软件压缩，坐标已经变了，无法直接还原。
处理到一半页面卡住
大图需要较多内存。关闭其他占用较高的标签页，等当前任务结束再试；仍然不行时，把图片缩到 4000 像素以内再导入。
透明背景变成了白色
JPG 不支持透明通道，导出时会自动铺白底。需要保留透明，请在“输出格式”里选择 PNG。
操作检查清单
- 图片宽高不超过 4000 像素，总像素不超过 800 万。
- 原始文件已经另存备份，混淆结果不是唯一副本。
- 需要反复处理或保留透明时，输出格式选的是 PNG。
- 发送时使用“原图”或“文件”，没有经过截图或二次编辑。
- 对方使用的也是本站，且图片宽高与发送时一致。
- 涉及隐私、证件或商业资料时，已经改用带密钥的加密工具。