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

问题

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

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

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

处理方式

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

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

1. 头像缩略图方式 (大小：100*100)

?imageView2/1/w/100/h/100/format/jpg/interlace/1

拼接后

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

2. 文章缩略图方式 (大小：400*auto)

?imageView2/2/w/400/format/jpg/interlace/1

拼接后

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

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