七牛云图片加载慢问题解决方案

2023/8/16 七牛云图片

问题

在开发博客页面时,部署之后发现图片加载特别慢,文件存储服务器用的是七牛云,于是使用七牛云缩略图处理,损失精度的方式加快图片的加载,在不太过于损失画质的前提下,得到了几个不错的图片加载方式

先附上七牛云官网API文档处理缩略图地址

七牛云官网API文档 (opens new window)

处理方式

以图片链接为例,原图如果大一点的话,加载起始非常慢

https://file.xygalaxy.com/picture/defaultPath/zyAdmin-20230206131137--秃然.png
1

默认显示

  1. 头像缩略图方式 (大小:100*100)
?imageView2/1/w/100/h/100/format/jpg/interlace/1
1

拼接后

https://file.xygalaxy.com/picture/defaultPath/zyAdmin-20230206131137--秃然.png?imageView2/1/w/100/h/100/format/jpg/interlace/1

头像缩略图

  1. 文章缩略图方式 (大小:400*auto)
?imageView2/2/w/400/format/jpg/interlace/1
1

拼接后

https://file.xygalaxy.com/picture/defaultPath/zyAdmin-20230206131137--秃然.png?imageView2/2/w/400/format/jpg/interlace/1

文章缩略图

具体参数说明请参考官网七牛云官网API文档 (opens new window)