阿里云OSS图片基本操作整理
图片缩略图参数
https://dulebot.oss-cn-shenzhen.aliyuncs.com/sys/loginbg.jpg?x-oss-process=image/resize,m_fill,w_300,h_300,limit_0/auto-orient,1/quality,q_90
缩放操作 resize
m_fill 指定缩放模式
- fill 将原图等比缩放为延伸出指定w与h的矩形框外的最小图片,之后将超出的部分进行居中裁剪。
- mfit:等比缩放,缩放图为延伸出指定w与h的矩形框外的最小图片。
- lfit(默认值):等比缩放,缩放图限制为指定w与h的矩形内的最大图片。
w_300 指定目标缩放图的宽度 。范围值[1,4096]
h_300 指定目标缩放图的高度 。范围值[1,4096]
limit_0 指定当目标缩放图大于原图时是否进行缩放。
- 1(默认值):表示不按指定参数进行缩放,直接返回原图。
- 0:按指定参数进行缩放。
auto-orient,0 指定图片是否进行自适应旋转。
- 0:保持原图方向,不进行自适应旋转。
- 1:将图片进行自适应旋转
quality,q_90 设置图片的相对质量,对原图按百分比进行质量压缩,质量变换仅支持JPG和WebP,其他图片格式不支持。
https://dulebot.oss-cn-shenzhen.aliyuncs.com/sys/loginbg.jpg?x-oss-process=image/resize,w_300/watermark,image_cGFuZGEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMzA,t_90,g_se,x_10,y_10
watermark 图片水印
1.水印编码
在添加水印操作中,文字水印的文字内容、文字颜色、文字字体、图片水印的水印图片名称等参数需要进行URL安全的Base64编码。编码方式:
将内容编码成Base64。
将结果中的部分编码替换。
将结果中的加号(+)替换成短划线(-)。
将结果中的正斜线(/)替换成下划线(_)。
将结果中尾部的等号(=)省略。
注意事项
水印图片只能使用当前存储空间内的图片,网络或本地图片需上传至当前存储空间内方可使用。
水印图片目前仅支持PNG、JPG和WebP格式。
文字水印暂不支持繁体中文。
在为图片添加多个水印时,需要注意以下内容:
一张图片上,最多支持3张不同的水印图片做水印。
同一张水印图片可以重复使用,但必须放在不同位置。
各个水印位置不能完全重叠。
2.添加图片水印
将主图example.jpg缩略为宽300:resize,w_300
将水印图片panda.png进行预处理(缩放30%):image_aW1nLzE2MjE2NzU5MjI3MDIuanBnP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMzA=(aW1nLzE2MjE2NzU5MjI3MDIuanBnP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMzA=为img/1621675922702.jpg?x-oss-process=image/resize,P_30经过Base64编码后的值,注意Base64的内容是图片在阿里云上的水印路径而不是图片本身)
水印的透明度为90%、位置是右下、水平边距是10、中线垂直偏移是10:t_90,g_se,x_10,y_10
https://dulebot.oss-cn-shenzhen.aliyuncs.com/sys/loginbg.jpg?x-oss-process=image/resize,w_300,h_300/quality,q_90/watermark,image_aW1nLzE2MjE2NzU5MjI3MDIuanBnP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMzA=,t_90,g_se,x_10,y_10
3.添加文字水印
将主图example.jpg缩略为宽高300:resize,w_300,h_300
水印文字字体为文泉驿正黑:type_d3F5LXplbmhlaQ(d3F5LXplbmhlaQ是文泉驿正黑经过Base64编码后的值)
水印内容为“Hello World”:text_SGVsbG8gV29ybGQ
水印文字颜色为白色、字体大小为30:color_FFFFFF,size_30
文字阴影透明度为50%:shadow_50
水印文字位置是右下、水平边距10、中线垂直偏移10:g_se,x_10,y_10
https://dulebot.oss-cn-shenzhen.aliyuncs.com/sys/loginbg.jpg?x-oss-process=image/resize,w_300,h_300/watermark,type_d3F5LXplbmhlaQ,size_30,text_SGVsbG8gV29ybGQ,color_FFFFFF,shadow_50,t_100,g_se,x_10,y_10