互联网时代图片在社交、聊天、邮件等场景频繁流转,普通图片一旦外泄就完全暴露内容,涉及隐私照片、合同截图、身份信息等敏感内容时缺乏本地化的保护手段。本项目立项初衷是做一个纯本地运行的图片加密工具:不上传、不联网、不留痕,用户自定义密码把图片在本地转成不可识别的噪点图,需要时再用密码还原,解决"图片裸奔"的隐私痛点。
点击空白处退出提示
语言技术
HTML5、CSS、小程序、前端系统类型
Web3行业分类
开发工具、项目任务演示地址
file:///C:/Users/%E5%B4%94%E7%A6%85/Desktop/%E5%9B%BE%E7%89%87%E6%B7%B7%E6%B7%86%E5%B7%A5%E5%85%B7(1).html
互联网时代图片在社交、聊天、邮件等场景频繁流转,普通图片一旦外泄就完全暴露内容,涉及隐私照片、合同截图、身份信息等敏感内容时缺乏本地化的保护手段。本项目立项初衷是做一个纯本地运行的图片加密工具:不上传、不联网、不留痕,用户自定义密码把图片在本地转成不可识别的噪点图,需要时再用密码还原,解决"图片裸奔"的隐私痛点。
核心功能是"像素级混淆加密",包含六大功能模块:
> 1. **加密混淆**:将图片像素按希尔伯特空间填充曲线重排,叠加密码驱动的多重洗牌,输出肉眼完全不可识别的噪点 PNG;
> 2. **解密还原**:输入正确密码逆变换精确还原原始图片,密码错误时自动校验拦截、保留加密原图;
> 3. **前后对比**:卡片内拖动分隔线,左右对比原图与噪点效果,直观验证加密强度;
> 4. **批量打包**:支持多图批量加密,一键打包为 ZIP 下载;
> 5. **校验指纹**:输出短指纹 fp,同密码同图结果一致,可对照验证确定性;
> 6. **批量管理**:拖拽多选上传、全选/单选、批量处理,纯本地运行无需安装。
我独立负责从产品设计、加密算法到界面实现的全部工作。技术栈为原生 HTML/CSS/JavaScript,零第三方依赖、单文件离线可用。
> **核心亮点:**
> 1. **加密算法**:用希尔伯特空间填充曲线将二维像素映射到一维序列,叠加密码 SHA-256 哈希派生的 xorshift32 确定性随机数,执行三遍 Fisher-Yates 洗牌与循环平移,变换为可逆双射,保证无损还原;
> 2. **校验机制**:FNV-1a 校验值与原图尺寸写入 PNG tEXt 元数据块,解密时校验失败立即拦截,防止错误密码"还原出废图";
> 3. **手写底层**:ZIP 打包器与 PNG 元数据解析均手写(含 CRC32),无任何外部库;
> 4. **体验打磨**:深色像素网格 UI、加密"签名时刻"动画、前后对比拖拽。
> **难点**:洗牌与逆洗牌必须共用同一确定性随机序列才可逆,我推导出逆变换算法,并用"加密→解密→逐像素一致"验证闭环。




评论