做了一个轻量在线图片前后对比工具 DiffSlider：免登录、支持 1600%放大与网页嵌入

[tinynnmmm]

平时做设计切图、AI 画质放大修复、或者做网页重构时，经常需要直观对比两张图的细节差异。

以前要么截两张图在相册里快速来回切换，要么找一些现成的开源库自己写页面。最近索性自己写了一个纯净轻量的在线图片前后对比工具 —— DiffSlider。

体验地址： https://diffslider.app

---

💡 核心做了一些自己平时用得上的功能：

1. 多种交互对比模式：支持左右滑块、上下分割、重叠百叶窗等不同模式，拖动非常跟手。
2. 最高 1600% 像素级放大：针对 4K / AI 超分修复这类需要看微观纹理的场景，放大不糊，方便对比噪点和细节。
3. 免登录即开即用：无需注册任何账号，拖入两张图直接生成对比视图；同时注重隐私，未登录状态下不留任何本地追踪。
4. 一键嵌入网页：生成轻量 iframe 嵌入代码，可以无缝塞进自己的博客、个人网站或文档里做 Showcase 展示。
5. 一键导出动画短视频：支持直接在浏览器本地渲染一段 4 秒平滑扫过的对比视频，方便直接发小红书、朋友圈或推特。

目前刚上线不久，还有很多可以打磨优化的地方。大家在日常对比图片或网页嵌入时如果有遇到什么体验问题，或者有什么实用新功能的建议，非常欢迎随时拍砖吐槽！🙏