veImageX 当前支持您通过自定义访问 URL 的方式使用 A 版图片处理能力。您可以在源地址 URL 后拼接不同处理能力以及对应取值,以实现不同的图片处理效果。
已开启自定义处理样式功能。
您可以通过替换 action、param 和 value 实现处理效果,以及叠加不同 action,查看最终图片效果。
x-oss-process=image/
或x-tos-process=image/
两种标识的最终处理效果相同。
根据 action 的类型和取值数量,具体有以下 2 种参数传值方式:
类型 | 说明 | 示例 |
---|---|---|
1 | 当一个 action 仅需传入一个参数时,传参格式可简写为 |
|
2 | 其它情况,action 后边均需要写上对应的 param 和 value | 示例:等比缩放,指定目标缩放图的宽度为 100px,即resize,w_100 |
功能(action) | 参数(param) | 传参格式 | 配置说明 |
---|---|---|---|
quality | Q |
| 自定义绝对质量参数值。表示将原图质量压缩至 Q%,如果原图质量小于指定参数值,则按照原图质量重新进行压缩。取值范围为 [1,100]。 说明 该参数只能对保存格式为 JPG 的图片使用,对其他格式的图片无效果。 |
q |
| 自定义相对质量参数值。表示对原图按百分比进行质量压缩。取值范围为 [1,100]。 说明 只有 JPG 格式的原图添加该参数,才可以决定图片的相对质量。如果原图为 WebP 格式,添加该参数相当于指定了原图绝对质量,即与参数 Q 的作用相同。 |
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
指定绝对质量参数为 80 时处理图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/quality,Q_80
功能(action) | 参数(param) | 传参格式 | 配置说明 |
---|---|---|---|
format | - | format,xxx | 处理后图片的格式,不指定或取值 image 表示返回原图格式。支持取值有:png、jpeg、heic、 heif、webp、awebp、avif、avis |
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
指定原图输出格式更改为 webp 时处理图访问地址: https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/format,webp
功能(action) | 参数(param) | 传参格式 | 是否必填 | 配置说明 |
---|---|---|---|---|
resize | m |
| 是 | 指定缩放模式,取值如下所示:
|
w | resize,w_xx | 是 | 指定缩放结果图的宽度,取值范围为 [1,16384],单位为 px。 | |
h | resize,h_xx | 是 | 指定缩放结果图的高度,取值范围为 [1,16384],单位为 px。 | |
l |
| 是 | 指定缩放结果图的最长边,取值范围为 [1,16384],单位为 px。 | |
s |
| 是 | 指定缩放结果图的最短边,取值范围为 [1,16384],单位为 px。 | |
limit |
| 否 | 当结果图分辨率大于原图分辨率时,是否进行缩放。取值如下所示:
| |
color |
| 是(仅当 | 当缩放模式选择为 |
示例
功能(action) | 参数(param) | 传参格式 | 配置说明 |
---|---|---|---|
crop | g |
| 设置裁剪的原点位置。原点按照九宫格的形式分布,取值如下所示:
|
w | crop,w_xx | 裁剪后图片的宽,单位为 px。取值范围为[0,图片高度]。 | |
h | crop,h_xx | 裁剪后图片的高,单位为 px。取值范围为[0,图片高度]。 | |
x | crop,x_xx | 指定裁剪起点横坐标(默认左上角为原点),取值范围为[0,图片边界]。 | |
y | crop,y_xx | 指定裁剪起点纵坐标(默认左上角为原点),取值范围为[0,图片边界]。 |
定向裁剪原点示意图
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
指定裁剪宽度为 50,高不变时处理图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/crop,w_50
指定居中裁剪, 目标宽高分别为30px、50px 时处理图访问地址:ttps://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/crop,g_center,w_30,h_50
说明
当前仅支持添加图片水印。
功能(action) | 参数(param) | 是否必填 | 传参格式 | 配置说明 |
---|---|---|---|---|
watermark | image | 是 | watermark,image_xx | 经 Base64 编码处理后的图片水印名称字符串。 |
P | 否 |
| 指定图片水印按照要添加水印的原图的比例进行缩放,取值为缩放的百分比。取值范围为[1,100]。 说明 示例:水印图为 example.png 且缩放百分比为 30。则 image 为 | |
t | 否 | watermark,t_xx | 指定图片水印的透明度。取值范围为[0,100],默认值为 100。 | |
g | 否 |
| 指定水印在图片中的位置。取值如下所示:
| |
x | 否 | watermark,x_xx | 指定水印的水平边距, 即距离图片边缘的水平距离。这个参数只有当水印位置是左上、左中、左下、右上、右中、右下才有意义。取值范围为[0,4096],默认值为 10,单位为 px。 | |
y | 否 | watermark,y_xx | 指定水印的垂直边距,即距离图片边缘的垂直距离, 这个参数只有当水印位置是左上、中上、右上、左下、中下、右下才有意义。取值范围为[0,4096],默认值为 10,单位为 px。 | |
voffset | 否 | watermark,voffset_xx | 指定水印的中线垂直偏移。当水印位置在左中、中部、右中时,可以指定水印位置根据中线往上或者往下偏移。取值范围为[-1000,1000],默认值为 0,单位为 px。 |
图文水印指定位置示意图
说明
设定完水印在 9 宫格中的位置后, 进一步微调位置,只能使用边距系数或者绝对值(像素)中的一种。如果两种都写在URL参数中,用绝对值(像素)来调整边距将生效。
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
原图指定加图片水印, 水印图片存储名称为 example.png 且缩放百分比为 30。则 image 为imagexdemo.jpeg?x-tos-process=image/resize,P_30
编码后的值:aW1hZ2V4ZGVtby5qcGVnP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMzA=
为图片增加模糊效果。
功能(action) | 参数(param) | 是否必填 | 传参格式 | 配置说明 |
---|---|---|---|---|
blur | r | 是 | blur,r_xx | 设置模糊半径。取值范围为[1,50]。取值越大,图片越模糊。 |
s | 是 | blur,s_xx | 设置正态分布的标准差。取值范围为[1,50]。取值越大,图片越模糊。 |
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
指定半径和标准差均为 10 时处理图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/blur,r_10,s_10
提高图片清晰度。
功能(action) | 参数(param) | 传参格式 | 配置说明 |
---|---|---|---|
sharpen | - | sharpen,xx | 设置锐化强度,取值范围是[50,399]。值越大,图片轮廓边缘越清晰,但效果可能会失真。 |
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
指定锐化强度为 50 时处理图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/sharpen,50
支持调整图片亮度。
功能(action) | 参数(param) | 传参格式 | 配置说明 |
---|---|---|---|
bright | - |
| 设置图片亮度,取值范围为[-100,100]。
|
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
指定亮度为 50 时处理图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/bright,50
支持设置图像灰度反差的大小。
功能(action) | 参数(param) | 传参格式 | 配置说明 |
---|---|---|---|
contrast | - |
| 设置图片对比度,取值范围为[-100,100]。
说明 值越大,图片黑白的区分越明显;反之越不明显。 |
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
指定对比度为 50 时处理图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/contrast,50
支持通过旋转参数,将原图按指定方向旋转。
功能(action) | 参数(param) | 传参格式 | 配置说明 |
---|---|---|---|
rotate | - | rotate,xx | 设置图片顺时针旋转角度,取值范围为[0,360]。 |
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
指定旋转 45° 时处理图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/rotate,45
支持通过内切圆参数,将图片处理成内切圆。
功能(action) | 参数(param) | 传参格式 | 配置说明 |
---|---|---|---|
radius | r | radius,r_xx | 以图片中心为圆心裁剪内切圆,取值范围为[1,4096]。 |
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
指定内切圆半径为 500 时处理图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/circle,r_500
支持将矩形图片的 4 个角切成圆角。
功能(action) | 参数(param) | 传参格式 | 配置说明 |
---|---|---|---|
rounded-corners | r | rounded-corners,r_xx | 将图片切出圆角,指定圆角的半径。取值范围为[1,4096]。 |
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
指定裁剪圆角半径为 80 时处理图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/rounded-corners,r_80
支持将存储的原图按指定大小分割,并截取需要的图片。
功能(action) | 参数(param) | 传参格式 | 配置说明 |
---|---|---|---|
indexcrop | x | indexcrop,x_xx | 指定在x轴切割出的每块区域的长度。x参数与y参数只能任选其一。取值范围为[1,图片宽度]。 |
y | indexcrop,y_xx | 指定在y轴切割出的每块区域的长度。x参数与y参数只能任选其一。取值范围为[1,图片宽度]。 | |
i | indexcrop,i_xx | 选择切割后返回的图片区域。取值范围为 [0,区域数),默认值为 0,表示第一块。如果要返回最后一块,您需要根据图片本身的大小结合切割参数的取值范围划定。 |
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
指定在 X 轴按 100px 为单位切割且选取切割后的第 1 块区域时处理图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/indexcrop,x_100,i_0
支持当网络环境较差或图片较大时,图片在网页上渐进显示。
功能(action) | 参数(param) | 传参格式 | 配置说明 |
---|---|---|---|
interlace | - |
| 指定是否设置图片为渐进显示。取值如下所示:
注意 仅针对输出格式为 jpeg 时,该配置生效。 |
示例
原图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg
指定缩放为宽 200px 且设为渐进显示时处理图访问地址:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/resize,w_200/interlace,1
支持获取图片主色调,返回值为 RGB 值。
支持获取部分图片可能包含可交换图像文件 EXIF 信息。
访问示例:https://imagexdemo.volcimagextest.com/tos-cn-i-i4o5y3y840/imagexdemo.jpeg?x-tos-process=image/info