我们已经准备好了,你呢?

2023我们与您携手共赢,为您的企业形象保驾护航!


喜讯:国内、香港、海外云服务器租用特惠活动,2核/4G/10M仅需31元每月,点击抢购>>>

点击这里注册天翼云特邀VIP帐号,立即体验天翼云对象存储>>>


天翼云对象存储(融合版)数据处理教程-图片渐进显示


您可以通过渐进显示参数,将对象存储(融合版)内存储的原图修改为渐进显示。本文介绍设定图片渐进显示时所用到的参数及示例。

当网络环境较差或图片较大时,图片在网页上有两种显示方式:

  • 标准显示:图片会按照从上到下的顺序一行一行地加载显示。

  • 渐进显示:先显示整个图片的模糊轮廓,然后逐渐加载直至显示完整的图片。

目前,图片处理的渐进显示操作仅适用于将原图处理为JPG格式图片的情况,若原图不为JPG格式的图片,您需要增加format,jpg参数将图片改为JPG格式。

参数说明

操作名称:interlace

参数说明如下:

参数描述取值
[value]指定是否设置图片为渐进显示。1:表示将原图设置成渐进显示。
0:表示将原图设置成标准显示。

示例

本文示例使用的Bucket为image-demo,Bucket的外网访问地址为:https://gdoss.xstore.ctyun.cn/image-demo,使用的图片是根目录下demo.jpg和follower.png两张图片。

  • 将原图格式为JPG的图片缩放成宽200 px,并设置成渐进显示

    需求及处理参数如下:

    处理后的URL为:https://gdoss.xstore.ctyun.cn/image-demo/demo.jpg?x-amz-process=image/resize,w_200/interlace,1

    img

    • 图片缩放为宽200 px:resize,w_200

    • 图片设为渐进显示:interlace,1

  • 将PNG格式的图片保存为JPG格式,之后设置成渐进显示

    需求及处理参数如下:

    处理后的URL为:https://gdoss.xstore.ctyun.cn/image-demo/follower.png?x-amz-process=image/format,jpg/resize,l_200/interlace,1

    img

    • 图片转换为JPG格式:format,jpg

    • 图片缩放长边为200:resize,l_200

    • 图片设为渐进显示:interlace,1




推荐:TOP云智能建站优惠活动,仅880元即可搭建一个后台管理五端合一的智能网站(PC网站、手机网站、百度智能小程序、微信小程序、支付宝小程序),独享百度搜索SEO优势资源,让你的网站不仅有颜值有排面,更有排名,可以实实在在为您带来效益,请点击进入TOP云智能建站>>>,或咨询在线客服了解详情。


我们已经准备好了,你呢?

2023我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

131-3501-0006

上班时间

周一到周五

公司电话

130-0743-9476

二维码
线