前言
最近恰逢中秋国庆双节同庆,又收到了大佬的赞助,于是又给图床爆肝了一波新功能,并且优化了大量的细节体验 🥳
这里主要和大家同步两个感知比较明显的。
读取图片时支持尺寸处理
我们的读取文件接口新增了通过 URL 参数指定图片尺寸的功能,方便大家在不同的客户端、不同的展示区域按照尺寸和空间限制统一图片的展示形式,避免了生硬拉伸带来的尴尬,给大家的展示内容带来更精致的体验!
该能力全面支持 width、height参数指定宽高,还支持 fit=cover 居中裁剪和 fit=squeeze 拉伸。
另外,该能力也全面兼容各种部署方式。Cloudflare Worker 使用 Images binding,Pages 使用 /cdn-cgi/image/ 重定向来做图片转换,Docker 使用 Sharp 库来处理。
效果展示:
width=200

width=400&height=300&fit=cover

width=400&height=300&fit=squeeze

新增 AI 标签识别
我们一直在探索如何给一个文件管理工具加入 AI 能力,其实已经有了很多想法。但是我顾虑的是如何在加入 AI 能力的同时不让项目变得杂乱无章,毕竟优雅是这个项目的初心。所以在服务端我设计了一个完全独立的 AI 模块,他不会改动原有的项目架构,只是为业务逻辑提供支持。在前端,我也尽量让 AI 能力无感融入到业务最需要的地方,并且所有 AI 功能可以在一个设置页面统一管理,不会影响其他功能的正常使用。
AI 标签识别只是这个架构的第一步应用,后续可能还会扩展到自然语言检索、图片或文件总结,甚至图片处理等更多的使用场景。

Others
除了这两个主要的新功能,我们最近还在前后端加了大量的优化,提升性能和视觉体验,比如:
- 重构管理端导航栏,加入下滑收缩效果,避免导航栏抢占视觉焦点
- 系统状态页面增加实时系统状态展示和问候语
- 限制弹窗到当前屏幕可视高度内,弹窗内部上下边缘增加 iOS 同款渐变过渡
- 优化前端在不同屏幕尺寸下的展示效果,全面cover各种笔记本、平板、显示器和移动端
更多的优化大家可以自行更新体验 😉
项目地址:
https://github.com/MarSeventh/CloudFlare-ImgBed