开发者社区 问答 正文

格式转换之如何实现渐进显示?


图片格式为 jpg 时有两种呈现方式:

  • 自上而下的扫描式
  • 是先模糊后逐渐清晰(在网络环境比较差时明显)

默认保存为第一种,如果要指定先模糊后清晰的呈现方式,请使用渐进显示参数。

参数

名称描述取值范围
pr1 表示保存成渐进显示的 jpg 格式0 表示保存成普通的 jpg 格式[0, 1]

注意:此参数只有当效果图是 jpg 格式时才有意义 。


示例

  • 将图缩略成宽度 100,高度 100,并且保存成渐进显示的 jpg 格式

http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@100w_200h_1pr.jpg
  • 将 png 格式的图片保存成渐进显示的 jpg 格式

http://image-demo.img-cn-hangzhou.aliyuncs.com/panda.png@1pr

展开
收起
青衫无名 2017-10-23 11:28:54 1676 分享 版权
阿里云 AI 助理回答

当您需要处理JPEG(jpg)格式的图片,并希望控制其显示方式时,可以采用以下两种呈现模式:

  1. 自上而下的扫描式:这是默认的显示方式,图片从上至下逐步加载,逐渐展现全貌。
  2. 先模糊后清晰:此模式在初始加载时会先展示一个模糊的轮廓,随后图像逐渐变得清晰。这在网络环境较差时能提供更好的用户体验,因为用户可以先看到图像的大致内容。

若要指定使用“先模糊后清晰”的渐进显示模式保存JPEG图片,请在处理图片URL时添加参数1pr。例如:

  • 要将一张图片缩略为宽度100像素、高度200像素,并以渐进显示的方式保存为JPEG格式,URL应构造为:

    http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@100w_200h_1pr.jpg
    
  • 若想将PNG格式的图片转换为渐进显示的JPEG格式,URL示例为:

    http://image-demo.img-cn-hangzhou.aliyuncs.com/panda.png@1pr
    

重要提示: 渐进显示参数pr仅对JPEG格式的图片有效,并且取值范围是0或1,其中1表示启用渐进显示,0表示不启用(即使用默认的自上而下的扫描式加载)。

请确保根据实际需求调整URL中的其他参数,如尺寸、质量等,以达到期望的图片处理效果。

参考资料: 渐进显示

有帮助
无帮助
AI 助理回答生成答案可能存在不准确,仅供参考
0 条回答
写回答
取消 提交回答
问答地址: