开发者社区 问答 正文

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


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

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

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

参数


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

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


示例

  • 将 png 格式的图片保存成渐进显示的 jpg 格式。

http://image-demo.oss-cn-hangzhou.aliyuncs.com/panda.png?x-oss-process=image/format,jpg/interlace,1
  • 将 图片缩略成宽度是200, 并且保存成渐进显示的 jpg 格式。

http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/format,jpg/interlace,1

展开
收起
青衫无名 2017-10-23 10:49:57 2066 分享 版权
阿里云 AI 助理回答

当您需要处理JPEG(jpg)格式的图片,并希望其在网络环境较差时能先模糊后逐渐清晰地显示,您可以采用渐进显示的方式。这相对于默认的自上而下的扫描式加载,能提供更好的用户体验。要实现这一效果,您需在阿里云OSS服务中使用特定的处理参数。

关键参数说明:

  • 操作名称: 无需更正,但正确理解应为pr而非interlace
  • 参数名称: pr
  • 描述:
    • 1: 表示保存成渐进显示的jpg格式,适用于网络条件不佳时优化加载体验。
    • 0: 表示保存成普通的jpg格式,即默认的自上而下的扫描式加载。
  • 取值范围: [0, 1]

应用示例:

  1. 将PNG转换为渐进显示的JPEG:

    http://image-demo.oss-cn-hangzhou.aliyuncs.com/panda.png?x-oss-process=image/format,jpg/pr,1
    
  2. 将现有JPEG图片缩略并以渐进显示格式保存:

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

请注意,此pr参数仅对JPEG格式的图片有效。通过在图片URL后附加上述处理指令,您可以直接控制图片的加载方式,从而优化用户在不同网络条件下的浏览体验。

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