2026-05-02

我用 AI 撸了一个超好用的图片压缩工具

在这个隐私泄露满天飞的时代,我决定用 Next.js 16 和 Tailwind 4 打造一个 100% 浏览器运行、绝不上传服务器的纯净图片压缩神利器——压图机。

项目起因

在日常办公或写博客时,经常会遇到图片体积过大、格式不统一的问题。市面上的在线压缩工具要么要收费,要么得把图片传到别人的服务器上,隐私安全完全没保障。

既然这样,为什么不自己写一个?在 AI 的强力辅助下,我撸出了这个名为 “压图机 (Yatuji)” 的工具。

核心亮点

绝对隐私(100% 离线运行)

这是我最在意的一点。所有压缩逻辑全部基于浏览器的 Canvas API 和 FileReader API 实现。你的图片永远不会上传到后台服务器,甚至在断网环境下也能正常使用!

极速批量处理

支持多图并行压缩。配合 JSZip 库,压缩完成后一键打包下载,处理效率直接拉满。

智能缩放与对比

除了简单的质量调节,它还支持等比例缩放、固定长宽、限制长边等多种智能裁剪模式。甚至内置了“左右滑动对比”功能,让你直观感受压缩前后的画质差异。

自由变换格式

不仅是压缩体积,它还能在 JPG、PNG、WebP 之间随心转换。

极致交互体验

支持点击上传、拖拽上传,甚至直接 Ctrl+V 粘贴剪贴板图片,操作丝滑顺畅。

技术栈揭秘

由于是“撸”出来的,当然要追求技术领先:

Next.js 16 (App Router):带来极致的加载速度和极佳的 SEO。 Tailwind CSS 4:极简的现代 UI 设计,支持深粉色系优雅配色。 Zustand:轻量级状态管理,让图片列表和压缩设置的同步快如闪电。 SweetAlert2:拒绝生硬的弹窗,给用户最舒适的反馈。

在线体验

我已经将项目部署上线,欢迎大家“调戏”:

线上地址:https://yatuji.luokelong.net

结语

在 AI 时代,开发者的生产力被无限放大。这个小工具从构思到成品只用了很短的时间,但它解决的是我们每个人的刚需。如果你也厌倦了那些满是广告、还要上传云端的压缩工具,欢迎来试试我的这款“压图机”!

既然是 AI 撸的,它还在不断进化中。如果你有更好的功能建议,欢迎在评论区留言!

转载请注明出处:罗可龙的博客 |  联系邮箱:[email protected]

您可以使用 一键排版浏览器扩展 快速转载本文。