文档 : https://help.aliyun.com/zh/oss/user-guide/image-styles?spm=a2c4g.11186623.0.0.5961fe7aq3111v

需求 :

由于客户端界面展示的图片较多, 而且每个图片都过大并且高清高分辨率的, 导致打开页面时图片加载很慢, 而且是缩略图, 对图片清晰度要求不是那么得高, 因此可以对图片进行压缩

其实除了缩放, 还可以对图片进行 水印 / 裁剪 / 锐化 / 模糊 等等的操作

保存, 在图片url后拼接" sample.jpg?x-oss-process=style/stylename " 就可以看到效果了, 这个相比单独的图片处理(在图片url后拼接参数 https://help.aliyun.com/zh/oss/user-guide/resize-images-4?spm=a2c4g.11186623.0.0.61cd2759v4jkhX), 更类似html里的类, 整合了一个类对样式进行管理

<image :src="itemObj.image + '?x-oss-process=style/stylename'" :lazy-load="true"  mode="aspectFill"></image>