后台用户上传的图片往往很大，并且现在iphone手机的图片质量大的都高达几M，而在移动端展示时，即便做了懒加载，如vue-lazyLoad,也会很影响性能。移动端的图片一般控制在100K以内，否则3g网络加载太慢，会出现白屏现象。目前遇到的场景，图片都存放在阿里云的cdn上，从而可以采用阿里云的图片质量变换进行压缩图片。
阿里云图片压缩详情，若没阅读过，建议大家都阅读一下，一定受益匪浅：https://help.aliyun.com/document_detail/44686.html
案例：
压缩后的图片大概在100K以内，对后台用户上传的图片尽量不做限制，在实际展示时进行压缩。
原图
按宽高缩放
需求及处理参数如下：
图片缩放为高100 px：resize,h_100
缩放模式为lfit：m_lfit
图片处理的URL为http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/resize,h_100,m_lfit
按长边缩放
需求及处理参数为：图片缩放为长边100 px，即resize,l_100
图片处理的URL为http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/resize,l_100
