阿里云oss对象存储图片预处理

点子

最近发现阿里云oss对象存储还有图片处理技术，只要图片链接附加一些参数信息，可以将处理之后的图片发送过来，相比起先发送再处理要有很多好处。

优点

不需要本地处理图片了
发送的图片是处理过的比如假如是缩小版的话就能减少带宽使用
图片可以加水印

费用

图片处理费用如下

也就是说每个月处理的图片在10TB以下是免费的，大于10GB的部分按照0.025元/GB进行计算，计算的时候按照图片原有大小进行。
对于我这样的小体量用户来说图片处理就是完全免费的了

图片缩放

我有一张图片，我的头像是340*340大小。如下图

看起来有点太大了大部分情况下我不需要那么大我们试试把它进行缩放

http://towrabbit.oss-cn-beijing.aliyuncs.com/images/iconHeart.png?x-oss-process=image/resize,w_100

前面的链接就是http://<存储桶名>-<存储桶区域域名>/<对象名>?(处理规则)
意为把宽变成100，高按照比例缩放
处理规则有很多这里使用了缩放规则。
最后的图片如下：

头像变成了100宽，高度按照比例缩小也是100了。
更多缩放规则请参照阿里云对象存储图片缩放预处理规则

裁剪

裁剪规则用到的地方也比较频繁，比如在切精灵图的时候。
同样是我的头像，进行一个圆型裁剪试试

圆形裁剪

圆形裁切半径100的圆

http://towrabbit.oss-cn-beijing.aliyuncs.com/images/iconHeart.png?x-oss-process=image/circle,r_100

opps 感觉这脸有点大（笑哭）
所以我还是想先缩放再裁切比较好
下面试一试先缩放再裁切：

http://towrabbit.oss-cn-beijing.aliyuncs.com/images/iconHeart.png?x-oss-process=image/resize,w_100/circle,r_100

ojbk,使用的规则是先做的吃力放在前面后做的处理放在后面,
格式为：格式为image/action1,param_value1/action2,param_value2
对于有透明度的图片进行裁切其他部分会变成透明，如果是jpg则会以白色填充。

长方形自定义裁切

我的头像有个小爱心–现在试试把爱心裁剪出来

http://towrabbit.oss-cn-beijing.aliyuncs.com/images/iconHeart.png?x-oss-process=image/crop,x_0,y_0,w_100,h_80

这样我的小心就裁剪出来了
动作名crop x和y为裁切开始点坐标，w和h分别是宽和高。

旋转

试试把图像旋转一下
这里用的是之前裁剪缩放过的图片

http://towrabbit.oss-cn-beijing.aliyuncs.com/images/iconHeart.png?x-oss-process=image/resize,w_100/circle,r_100/rotate,270

因为本来是歪着头的
使用rotate旋转了270度以奇怪的方式展现在面前了
旋转的参数在0-360度之间，

添加水印

在一张图片右下角添加水印

http://towrabbit.oss-cn-beijing.aliyuncs.com/images/iconHeart.png?x-oss-process=image/watermark,text_5L2g5aW95oiR5piv6KeS6KeS5YWU,g_se,size_20,color_ffcc00,shadow_20,t_50,type_ZmFuZ3poZW5naGVpdGk=

其中文字的参数要经过base64加密，可以在
在线base加密解密进行加密

涉及的参数比较多，可以在阿里云图片处理水印文档查看
这里涉及到的参数

从下面九个中取值 [nw,north,ne,west,center,east,sw,south,se]
分别为左上，上，右上，左，中间，右，左下，下，右下。英语中的九个方位包括center中间

t
字透明度 0-100范围
text
文字内容，需要经过base64编码
size
字体大小，默认40 我这里是20，可以改成自己喜欢的大小
color
字的颜色
shadow
阴影深浅，0-100 100是最深没有颜色之分

其他还有蛮多属性如果需要可以去官方文档查看。

这里是角角兔 towrabbit
欢迎点赞评论哦