website icon indicating copy to clipboard operation
website copied to clipboard

新闻稿里面的图片没有使用缩略图,加载缓慢

Open bojieli opened this issue 3 years ago • 6 comments

https://lug.ustc.edu.cn/news/2022/09/2022-freshman-course/

页面上一张图片最大的有 15 MB,导致页面上的图片加载缓慢,需要 20 秒才加载完所有资源(见下)。建议在文中使用缩略图,用 fancybox 之类的实现点击缩略图查看原图。

image

bojieli avatar Sep 25 '22 08:09 bojieli

现在更新网站的 pipeline 应该是先在 FTP 上上传图片,然后仓库里面直接引用图片的 URL;如果要做缩略图处理的话感觉工作流会变得比较麻烦,不知道有没有什么方便的办法。

taoky avatar Sep 25 '22 12:09 taoky

@taoky 现在 LUG 主页用的是 jekyll 吧,我没有用过 jekyll,但是可以找到一些插件,在生成静态页面的时候自动生成缩略图,不知道好不好用 https://github.com/superterran/jekyll-thumbnail

bojieli avatar Sep 26 '22 13:09 bojieli

可以在 ftp 服务器上面跑 imagemagick 生成缩略图,然后网站就可以引用了。这部分可能需要想想办法自动化

上面那个插件我看了一下,只能对本地文件生成缩略图,而且质量实在不敢恭维。

iBug avatar Sep 26 '22 19:09 iBug

能不能 on-the-fly 做图像缩略图转换 & 缓存?

taoky avatar Mar 17 '23 10:03 taoky

FTP 应该是有预览图机制的,通过网页端访问能看到预览图。

https://ftp.lug.ustc.edu.cn/_h5ai/public/cache/thumbs/thumb-xxx.jpg 格式,不过这个 url 是 POST 某个 folder 拿到的,看起来不能直接用,估计要做点修改

liuly0322 avatar Jun 03 '24 01:06 liuly0322

FTP 应该是有预览图机制的,通过网页端访问能看到预览图。

这个是 h5ai 的 feature,但是大小和路径不太好控制。可能可以在 https://github.com/ustclug/lugftp 再塞一个生成缩略图的程序。

taoky avatar Jun 03 '24 06:06 taoky