您可以将多个图片处理参数封装在一个样式(Style)中,并通过样式快速实现复杂的图片处理操作。

背景信息

一个存储空间(Bucket)最多可创建50个样式,这些样式仅可以作用于该Bucket下的图片文件。若您的业务有更多样式的需求,请联系技术支持

创建样式

  1. 登录OSS管理控制台
  2. 在左侧导航栏,单击Bucket列表,然后单击目标Bucket。
  3. 在左侧导航栏,选择数据处理与索引 > 图片处理,然后单击新建样式
  4. 新建样式面板配置您的样式。
    您可以使用基础编辑高级编辑两种方式新建样式:
    • 基础编辑:通过图形化界面选择您需要的图片处理方式,例如缩放图片、添加水印、修改图片格式等。
    • 高级编辑:使用API代码编辑图片处理方式,格式为image/action1,parame_value1/action2,parame_value2/...。目前已支持的图片处理参数,请参见图片处理参数

      例如image/resize,p_63/quality,q_90表示先将图片缩放到原图的63%,再设置图片相对质量为90%。

      说明 若您需要在样式中同时包含水印图片和水印文字的操作,请使用高级编辑新建样式。
  5. 单击确定

应用样式

样式创建完成后,您可以在当前Bucket使用样式处理您的图片文件。

  1. 在Bucket管理页面,单击文件管理
  2. 单击目标图片名称。
  3. 详情面板的图片样式下拉列表选择图片样式。
    您可以在详情面板查看图片处理后的效果。右键单击图片,然后单击图片另存为,可将图片保存到本地。

    您也可以在图片处理URL和SDK中加入样式。具体操作,请参见样式使用规则

将源Bucket的样式导入目标Bucket

您可以导出源Bucket中已创建的样式,并将样式导入到目标Bucket,便于在目标Bucket中快速应用样式来处理图片文件。

  1. 在源Bucket中导出样式。
    1. 在源Bucket管理页面,选择数据处理与索引 > 图片处理
    2. 单击导出样式
    3. 另存为对话框选择样式的保存位置,然后单击保存
  2. 在目标Bucket导入样式。
    1. 在目标Bucket管理页面,选择数据处理与索引 > 图片处理
    2. 单击导入样式
    3. 打开对话框选择刚导出的样式文件,然后单击打开
      样式导入完成后,即可在目标Bucket中使用这些样式处理图片文件。

简化携带样式参数的图片处理URL

携带样式的图片处理URL通常包含文件访问URL、样式参数、样式名称,例如https://image-demo-oss-zhangjiakou.oss-cn-zhangjiakou.aliyuncs.com/example.jpg?x-oss-process=style/small,您可以通过自定义分隔符代替?x-oss-process=style/字段以简化图片处理URL。例如自定义分隔符设置为感叹号(!),图片处理URL可替换为:https://image-demo-oss-zhangjiakou.oss-cn-zhangjiakou.aliyuncs.com/example.jpg!small

  1. 在Bucket管理页面,选择数据处理与索引 > 图片处理
  2. 单击访问设置
  3. 访问设置面板选中您需要的自定义分隔符
    目前仅支持短划线(-)、下划线(_)、正斜线(/)、感叹号(!)。
  4. 单击确定
    您还可以为Bucket绑定自定义域名,以进一步简化图片处理URL。例如示例Bucket若绑定一个自定义域名example.com,则示例URL可替换为https://example.com/example.jpg!small。绑定自定义域名后,您还可以在线预览图片处理的效果。更多信息,请参见绑定自定义域名

更多参考