美文网首页
Glide+阿里OSS+WebP 图片处理方案

Glide+阿里OSS+WebP 图片处理方案

作者: sufun_wu | 来源:发表于2017-11-06 21:10 被阅读536次

    在实际项目中,图片占用一直是我们接触最多的。为了优化这块,我们主要是从几个方面来处理。

    业务需求:

    1. 根据设备端的控件尺寸,向服务器请求不同经裁剪过后的不同尺寸图片。
      2)服务端可以给我们提供webp格式的文件。

    阿里云Oss的图片裁剪规则。请参考:
    阿里Api:

    https://help.aliyun.com/document_detail/44688.html?spm=5176.doc44687.6.945.WXaOMG

    里面有特多的规则,我选择的裁剪方案是。


    image.png

    实际测试图片:

    http://igetcool.oss-cn-beijing.aliyuncs.com/test/series/cover/bde098a8-def8-4264-81f4-b9adff41ddff.jpg

    最后将一个 404.36 kb的图片


    image.png

    压缩到了18kb

    image.png

    除了细看一些些的纹路丢失,其它的,没有任何感知


    image.png

    git 测试用例
    https://github.com/wsf5918/webpAliOss/tree/dev

    相关文章

      网友评论

          本文标题:Glide+阿里OSS+WebP 图片处理方案

          本文链接:https://www.haomeiwen.com/subject/ndrrmxtx.html