18910140161

阿里云 OSS 图片缩略图尺寸调整

顺晟科技

2021-06-16 10:27:52

968

微信小程序中使用阿里巴巴云OSS存储图片文件。当需要显示图片列表时,比如瀑布流布局,如果可以直接访问缩略图,可以大大减少绘制图片的流量,节省了流量成本,加快了渲染速度,提高了用户体验。

之前只用过齐牛云的图像存储参数查询,查了一下OSS也支持。官方文件地址:

https://help.aliyun.com/document_detail/44688.html

等比例

按宽度和高度缩放,例如:

图像缩放至100像素高:调整大小,h _ 100

缩放模式为lfit: m _ lfit

图像处理的网址是

http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/resize,h_100,m_lfit

也就是贴在后面

?x-oss-process=image/resize,h_100,m_lfit

小程序示例

image src='{{item.coverImg '?' x-oss-process=image/resize,w_600,m_lfit'}} '

class='column_pic '模式=' WithFix '/

需要优化什么

以信息流为例

作者头像。因为用户可能会上传大头像

文章缩略图

VIM片段

代码段oss_thumbnail 'html_wxml' i

?x-oss-process=image/resize,w_600,m_lfit '

endsnippet

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航