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

点子

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

优点

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

费用

图片处理费用如下

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

图片缩放

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

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

https://i-blog.csdnimg.cn/blog_migrate/ddd112b6bcbc87ab0ff0443256f87603.png?x-oss-process=image/resize,w_100

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

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

裁剪

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

圆形裁剪

圆形裁切 半径100的圆

https://i-blog.csdnimg.cn/blog_migrate/ddd112b6bcbc87ab0ff0443256f87603.png?x-oss-process=image/circle,r_100

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

https://i-blog.csdnimg.cn/blog_migrate/ddd112b6bcbc87ab0ff0443256f87603.png?x-oss-process=image/resize,w_100/circle,r_100

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

长方形自定义裁切

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

https://i-blog.csdnimg.cn/blog_migrate/ddd112b6bcbc87ab0ff0443256f87603.png?x-oss-process=image/crop,x_0,y_0,w_100,h_80

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

旋转

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

https://i-blog.csdnimg.cn/blog_migrate/ddd112b6bcbc87ab0ff0443256f87603.png?x-oss-process=image/resize,w_100/circle,r_100/rotate,270

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

添加水印

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

https://i-blog.csdnimg.cn/blog_migrate/ddd112b6bcbc87ab0ff0443256f87603.png?x-oss-process=image/watermark,text_5L2g5aW95oiR5piv6KeS6KeS5YWU,g_se,size_20,color_ffcc00,shadow_20,t_50,type_ZmFuZ3poZW5naGVpdGk=

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

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

• g

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

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

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

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