使用教程
整站只围绕一个动作展开：把图片的像素顺序打乱，再按同样的规则排回来。下面按真实操作顺序走一遍，每一步都说清楚按钮在哪里、会发生什么、出错时看哪里。
动手之前
你只需要一样东西：一个能正常运行的现代浏览器（Chrome、Edge、Firefox、Safari 近两年的版本都可以）。 不需要注册账号，不需要安装插件，也不需要联网——页面的所有脚本都会随页面一起加载完毕， 处理过程本身就是本机运算。
- 图片放在哪
- 任意位置都行，工具的读取发生在你点击选择文件之后。
- 要不要先压缩
- 不用。超过上限的图片会被自动等比缩小，但你若在意画质，自己先裁到 4000 像素以内更好。
- 能处理多少张
- 单张反复处理没有次数限制；一次处理很多张请用批量处理页。
- 能不能在手机上做
- 可以，触屏操作与桌面端一致，见手机端使用指南。
第一步：把图片交给页面
三种导入方式效果完全一样，挑最顺手的一种即可。
- 点选文件。点击工具区左侧的“选择图片”按钮，在系统文件对话框里挑一张图。这是最稳妥的方式，任何设备都支持。
- 拖拽进来。把文件从文件夹直接拖到虚线框内，框体变色时松手即可。手机上不支持拖拽，但支持下一种。
- 直接粘贴。在电脑上对一张图片按下复制（或在截图工具里复制），回到页面按 Ctrl+V（macOS 为 ⌘+V），图片会立即进入处理区。
导入成功后，虚线框会变成图片预览，下方三个信息格会显示文件名、文件体积与当前状态。 如果你看到的还是虚线框和“把图片拖到这里”的提示，说明导入没有成功，检查一下文件是不是图片格式。
如果图片超出尺寸上限，状态栏会提示“已按上限等比缩小到 宽×高”。这一步发生在导入阶段， 之后的混淆与解混淆都在缩小后的图上进行，所以还原出来的也是缩小后的版本。想要原尺寸，请自己先裁切。
第二步：点击“混淆”
按钮就在导入按钮的右边。点下去之后，画面上会盖一层半透明的“正在处理，请稍候…”提示， 这是有意设计的：重排过程是同步计算，界面在算完之前不会响应操作，用遮罩明确告诉你“正在忙”。
处理时间只跟像素总数有关，可以按下面的经验值估算：
| 图片规模 | 桌面端 | 中端手机 |
|---|---|---|
| 100 万像素以内 | 瞬间完成 | 1 秒以内 |
| 500 万像素 | 1～2 秒 | 3～6 秒 |
| 800 万像素（上限） | 2～4 秒 | 6～12 秒 |
处理结束后，显示的图片已经被替换成重排后的结果。这时候的状态栏会写着“已混淆”。 想确认真的变了，可以把图片放大到 100% 看一眼：正常画面里相邻的色块应该被拆散， 整张图看起来像彩色噪点或织物纹理。
第三步：保存并发送给对方
点“保存结果”按钮，浏览器会把当前显示的图片下载下来，文件名是在原名后面加上 -result。
如果你习惯用右键，也可以直接在图片上右键选择“图片另存为”。
发送环节有两个容易踩的坑：
- 不要用会裁剪图片的渠道。混淆图必须整张完整送达，边缘被裁掉哪怕几像素，还原结果都会从那一行开始错位。
- 优先以“文件”形式发送。把图片当文件发，比在聊天框里直接发送图片更安全，后者可能被重新编码压缩。
同一条消息里既发混淆图又发原图，等于没有混淆。混淆的意义在于让对方“主动花一步”才能看到内容， 顺手把原图贴上就破坏了这个前提。
第四步：对方怎么还原
对方只需要打开本页，把收到的图片导入，然后点“解混淆”。规则是公开且固定的， 不需要密码，也不需要你额外告知任何参数——这正是它方便的地方，也是它不能当加密用的原因。
还原后如果画面出现细密的条纹错位、或者整体颜色对但结构不对，几乎都是因为图片在传输途中被改过尺寸。 让发送方重新以原文件形式发一次即可。
快捷键与触屏手势
| 操作 | 键盘 / 鼠标 | 触屏 |
|---|---|---|
| 导入图片 | Ctrl/⌘ + V 粘贴，或拖拽文件 | 点击“选择图片” |
| 回到工具区 | 点击导航里的“首页”，或滚动到顶部 | 打开汉堡菜单选“首页” |
| 保存结果 | “保存结果”按钮 / 右键另存为 | 长按图片选择“存储图像” |
| 回到顶部 | 右下角圆形箭头按钮 | 同一按钮 |
顶部的汉堡菜单在手机上收纳了全部页面入口，点开之后按分组排列，点任意链接会自动收起。
卡住了怎么办
| 现象 | 可能原因 | 处理办法 |
|---|---|---|
| 点了选择图片没反应 | 浏览器拦截了文件对话框，或文件不在可访问目录 | 换用拖拽或粘贴；或把文件先复制到桌面再选 |
| 图片显示不出来 | 格式浏览器不支持解码（如部分 HEIC、专业相机 RAW） | 先转成 JPEG 或 PNG 再处理 |
| 处理中一直转圈 | 像素数接近上限，设备内存吃紧 | 关闭其他标签页，或先把图裁小 |
| 页面直接变空白 | 手机浏览器内存不足被系统回收 | 换更小的图重试，优先用桌面端处理超大图 |
| 还原后错位 | 图片在传输中被裁剪或改尺寸 | 让发送方以文件形式重新发送 |
| 动图变成了静止图 | 画布只取第一帧 | 这是设计如此，动图不适合本工具 |
几个提升效率的习惯
- 处理前先把原图另存到另一个文件夹，形成“原件 / 混淆件”两栏习惯。
- 要处理一整组图，用批量处理页，队列会按顺序自动下载，省去反复点击。
- 想给别人解释原理，直接把曲线实验室的链接发过去，那里有可视化的动图演示。
- 不确定某张图该不该混淆，先读一遍安全边界说明再决定。