全部产品
Search
文档中心

CDN:图片裁剪

更新时间:Dec 07, 2023

图片裁剪可以帮助您删除图片中无关或多余部分,突出图片重点,帮助调整图片的宽高比等。您可以在请求URL中添加裁剪转换参数,将CDN上原图裁剪为指定尺寸的图片。

说明
  • 阿里云CDN、DCDN和OSS的图片处理都是独立的功能,不能相互混用。

  • 图像处理为付费服务,当前免费使用,收费时间另行通知。

参数说明

操作名称:cropcircle

参数说明见下表。

说明

当任意参数值为负数时,将不对图片进行任何处理直接返回原图。

参数

描述

取值范围

w

指定裁剪宽度。

默认值为0,宽×高不能超过16777216 px。

h

指定裁剪高度。

x

指定裁剪起点横坐标(默认左上角为原点)。

y

指定裁剪起点纵坐标(默认左上角为原点)。

g

设置裁剪的原点位置。原点按照九宫格的形式分布,一共有九个位置可以设置,为每个九宫格的左上角顶点。

  • nw:左上

  • north:中上

  • ne:右上

  • west:左中

  • center:中部

  • east:右中

  • sw:左下

  • south:中下

  • se:右下

详情请参见下方裁剪原点位置示意图。

裁剪原点位置示意图。图片裁剪

操作示例

下表列出了图片裁剪方式和示例。

图片裁剪方式

说明

示例

圆切

指定圆半径进行剪切,半径不超过原图的一半。

http(s)://example.com/image01.png?image_process=circle,200

九宫格切

设置原点位置,原点按九宫格分布。

http(s)://example.com/image01.png?image_process=crop,w_200,h_200,g_se

指定X、Y轴剪切

按指定x、y、宽和高裁剪,以x和y为起点,裁剪宽×高大小的图片内容。

http(s)://example.com/image01.png?image_process=crop,x_10,y_10,w_400,h_200

图片居中剪切

从图片居中部分裁剪指定宽和高的图片内容。

http(s)://example.com/image01.png?image_process=crop,mid,w_400,h_200