You need to enable JavaScript to run this app.
导航

使用图片样式

最近更新时间2024.01.15 15:20:45

首次发布时间2023.06.07 21:52:26

图片样式创建成功后,您可以使用图片样式统一处理多种图片,达到简化操作的目的。本文介绍如何使用图片样式处理图片。

前提条件

已创建图片样式。具体操作,请参见图片样式

注意事项

图片样式免费,使用图片样式处理图片时,会产生数据处理费用、请求费用和流量费用。详细说明如下:

  • 数据处理费用:包括图片处理费用和图片高级压缩费用。
    • 图片处理费用:图片处理的操作包括图片缩放、图片水印等操作,不包括图片高级压缩。按处理的原图的实际大小计费。更多信息,请参见数据处理费用
    • 图片高级压缩费用:图片高级压缩单独计费,按处理的次数计费。仅使用了图片高级压缩功能才会计算图片高级压缩费用。如果您同时对图片进行缩放和高级压缩,则此次操作需要包含图片处理费用、图片高级压缩费用、请求费用和流量费用。更多信息,请参见数据处理费用
  • 请求费用:处理图片时会产生一次 GetObject 请求,按请求次数计费。更多信息,请参见请求次数费用
  • 流量费用:根据处理后的图片大小收取公网流出流量费用。更多信息,请参见流量费用

操作步骤

  1. 登录对象存储控制台
  2. 在左侧导航栏,单击桶列表,在桶列表页面单击目标桶名称。
  3. 获取样式的名称。
    1. 在左侧导航栏,选择数据处理 > 图片处理
    2. 图片处理页面,获取目标样式的名称。
  4. 获取图片的 URL。
    本文以图片放在文件列表的一级目录为例。
    1. 在左侧导航栏,单击文件列表
    2. 文件列表页面,单击目标图片右侧操作列下的详情
    3. 基本信息面板,单击 URL 右侧的复制图标,获取图片的 URL。
  5. 使用样式处理图片。
    1. 在浏览器中打开图片 URL。
    2. 在图片 URL 后加上 ?x-tos-process=style/<样式名称>,即可获取该样式处理后的图片。
      例如图片 URL 为 https://tos-tools.tos-cn-beijing.volces.com/misc/sample.png,样式名称为 test,则使用样式处理图片的 URL 为 https://tos-tools.tos-cn-beijing.volces.com/misc/sample.png?x-tos-process=style/test

相关操作

您可以使用原图保护的自定义分隔符代替图片样式参数(?x-tos-process=style/),使用后缀为图片名称添加后缀,简化使用样式处理图片的 URL。详细介绍,请参见原图保护