全部产品
存储与CDN 数据库 安全 应用服务 数加·人工智能 数加·大数据基础服务 互联网中间件 视频服务 阿里云办公 培训与认证 物联网
对象存储 OSS

图片样式

更新时间:2017-09-12 14:20:19

所有对图片的变换都会加在URL后面,会导致URL变得冗长,不方便管理与阅读。图片处理服务提供用户将常见的操作保存成一个别名,即样式(Style)。一个复杂操作,利用样式功能后,只要用一个很短的URL就能实现相同的效果。

一个Bucket下面有多个样式,样式的作用范围只在一个Bucket下,目前一个Bucket允许最多有50个样式。

样式访问规则

URL参数方式访问

  1. <文件URL>?x-oss-process=style/<StyleName>

示例:

bucket.aliyuncs.com/sample.jpg?x-oss-process=style/stylename。这种方式是图片处理默认支持样式访问方式。

分隔符方式访问

  1. <文件URL><分隔符><StyleName>

示例:bucket.aliyuncs.com/sample.jpg@!stylename。其中@!是样式的分隔符,在URL带了这个分隔符,图片处理服务会把该分隔符后面的内容当成样式的名称。该方式为图片处理可选的使用方式,您也可以在控制台设置分隔符。同时还能支持-_/!等多种可选样式分隔符。

  • StyleName表示的是样式的名字。
  • 创建样式、删除样式和修改样式都在前端控制台实现。
  • 当访问的样式在指定Bucket不存在时,将返回NotSuchStyle错误。

设置分隔符

  1. OSS管理控制台 左侧存储空间列表中,单击您要向其中设置分隔符的存储空间名称。

  2. 单击图片处理页签,找到访问设置按钮。如下图所示:

    访问控制

  3. 单击访问设置,打开设置窗口,如下图所示:

    设置

    设置窗口中您可以进行以下设置:

    • 开启原图保护:开启原图保护后,图片文件只能通过传入stylename和带签名的方式访问;将禁止直接访问OSS 原文件或传入图片参数修改图片样式的访问。

    • 自定义分隔符。

设置好您需要的选项之后单击确定完成分隔符的设置。

示例

假如对image-demo这个bucket创建一个样式:

样式名 样式内容
panda_sytle image/resize,m_fill,w_300,h_300,limit_0/auto-orient,0/quality,q_90/watermark,image_cGFuZGEucG5n,t_61,g_se,y_10,x_10

直接参数访问

通过URL参数,使用样式访问

通过样式分隔符,使用样式方式访问

三者可以达到同样的效果。

本文导读目录