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

1 小时 59 分钟前
 tinynnmmm

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

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

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


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

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

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

113 次点击
所在节点    分享发现
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1256510

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX