七牛云图片加载慢问题解决方案
半塘 2023/8/16 七牛云图片
问题
在开发博客页面时,部署之后发现图片加载特别慢,文件存储服务器用的是七牛云,于是使用七牛云缩略图处理,损失精度的方式加快图片的加载,在不太过于损失画质的前提下,得到了几个不错的图片加载方式
先附上七牛云官网API文档处理缩略图地址
处理方式
以图片链接为例,原图如果大一点的话,加载起始非常慢
https://file.xygalaxy.com/picture/defaultPath/zyAdmin-20230206131137--秃然.png
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
- 文章缩略图方式 (大小: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)