纯静态页面
HTML、CSS 和原生 JavaScript,没有后端接口,也没有数据库。页面可以直接部署在任意静态托管上,访问速度快,维护成本低。
ABOUT / 关于
解混淆是一个独立的、纯前端的图片工具站。它不提供账号,不保存图片,也不试图把一件简单的事包装成复杂的产品。这里说明它为什么存在、怎么工作,以及哪些事情它不会做。
Why this site exists
图片被混淆后怎么还原?很多页面只给按钮,不解释边界。这里想把两件事一起说清楚。
最初的需求很具体:朋友发来一张被小番茄算法打乱的图,想知道它原本是什么。 搜到的页面大多只提供上传框,有的要求注册,有的把图片传到服务器再返回结果; 很少有人说明它为什么能还原、什么情况下会失败、以及它到底算不算安全。
于是就有了这个站点。它把工具放在首页最显眼的位置,同时用多个内页把原理、参数、 失败原因和安全边界讲明白。你可以只用工具,不看任何说明;也可以在遇到问题时, 找到对应的那一页。
站点没有“团队故事”,也没有融资计划。它由维护者利用业余时间开发和整理, 内容会随着实际反馈更新。如果某个解释不够清楚,欢迎指出。
Under the hood
技术选择以“少依赖、可审计、加载快”为原则,没有为了框架而引入框架。
HTML、CSS 和原生 JavaScript,没有后端接口,也没有数据库。页面可以直接部署在任意静态托管上,访问速度快,维护成本低。
图片读取、像素重排、结果导出都通过 Canvas 与 Blob 完成。算法逻辑独立成一个脚本,首页、批量页和原理演示共用同一份实现。
页面只加载常规访问统计,用于了解哪些内容有人读。统计脚本不接触图片像素,也无法读取你选择的文件。细节见隐私政策。
站名“解混淆”描述的是功能本身:把被混淆的图片还原。页面中提到的“小番茄”指代一类公开的图片混淆实现, 用于说明算法来源与兼容关系,不表示本站是该应用的官方站点,也不表示任何形式的授权或合作。
本站的曲线生成与位移参数参考公开实现,并在此基础上做了工程优化:使用扁平的类型化数组保存曲线坐标, 以 32 位整字搬运像素,增加了尺寸上限、批量队列与对比查看。这些改动不改变算法顺序, 因此尺寸一致的图片仍可与参考实现互通。
如果你代表某个产品或组织,认为页面中的表述可能造成混淆,请通过反馈页联系, 说明具体位置与建议改法。涉及名称使用的合理请求,维护者会认真处理。
视觉上采用暖纸色背景、深咖啡色文字和锐角按钮,减少阴影与装饰,让工具本身成为页面的中心。 大段说明使用较宽的行距与有限的栏宽,避免在手机上读成长墙。
交互上尽量遵循原生行为:链接可以用键盘聚焦,按钮有清晰的 :focus-visible 轮廓,
折叠问答使用原生 details 元素,移动端菜单可以通过 Esc 关闭。
同时尊重系统的“减少动态效果”设置,关闭非必要的动画。
页面没有使用需要联网加载的字体或图标库。图标以内联 SVG 为主,减少第三方请求, 也让断网状态下的界面保持完整。
完成首页工具、批量队列、算法原理演示、兼容参数、常见问题与隐私说明等页面;支持 JPG 与 PNG 输出、拖拽与粘贴导入、原图对比和尺寸上限提示。
对多种矩形尺寸逐点比对曲线顺序与位移结果,确认与公开参考实现一致;补充往返测试,验证任意非空图片可逆。
如果你发现页面里的参数写错、某个浏览器上按钮无响应,或者某段解释容易误解, 欢迎通过反馈与联系发来具体信息。比起“用不了”, “在什么系统、什么浏览器、处理多大的图、第几步出现什么提示”更容易定位问题。
这个站点不追求功能数量,更在意每一句说明是否经得起推敲。你的纠错会直接体现在下一次更新里。