您可以通过渐进显示参数,将OSS内存储的原图修改为渐进显示。本文介绍设定图片渐进显示时所用到的参数及示例。
当网络环境较差或图片较大时,图片在网页上有两种显示方式:
- 标准显示:图片会按照从上到下的顺序一行一行地加载显示。
- 渐进显示:先显示整个图片的模糊轮廓,然后逐渐加载直至显示完整的图片。
format,jpg
参数将图片改为JPG格式。
参数说明
操作名称:interlace
参数说明如下:
参数 | 描述 | 取值 |
---|---|---|
[value] | 指定是否设置图片为渐进显示。 | 0、1
|
示例
本文示例使用的Bucket为杭州地域名为image-demo的Bucket,Bucket的外网访问地址为:https://image-demo.oss-cn-hangzhou.aliyuncs.com
,使用的图片是根目录下example.jpg和panda.png两张图片。
- 将原图格式为JPG的图片缩放成宽200 px,并设置成渐进显示
需求及处理参数如下:
- 图片缩放为宽200 px:
resize,w_200
- 图片设为渐进显示:
interlace,1
- 图片缩放为宽200 px:
- 将PNG格式的图片保存为JPG格式,之后设置成渐进显示
需求及处理参数如下:
- 图片转换为JPG格式:
format,jpg
- 图片设为渐进显示:
interlace,1
处理后的URL为:https://image-demo.oss-cn-hangzhou.aliyuncs.com/panda.png?x-oss-process=image/format,jpg/interlace,1
- 图片转换为JPG格式: