天天看点

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

点子

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

优点

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

费用

图片处理费用如下

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

也就是说每个月处理的图片在10TB以下是免费的,大于10GB的部分按照0.025元/GB进行计算,计算的时候按照图片原有大小进行。

对于我这样的小体量用户来说 图片处理就是完全免费的了

图片缩放

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

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

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

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

前面的链接就是http://<存储桶名>-<存储桶区域域名>/<对象名>?(处理规则)

意为把宽变成100,高按照比例缩放

处理规则有很多 这里使用了缩放规则。

最后的图片如下:

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

头像变成了100宽,高度按照比例缩小也是100了。

更多缩放规则请参照阿里云对象存储图片缩放预处理规则

裁剪

裁剪规则用到的地方也比较频繁,比如在切精灵图的时候。

同样是我的头像,进行一个圆型裁剪试试

圆形裁剪

圆形裁切 半径100的圆

http://towrabbit.oss-cn-beijing.aliyuncs.com/images/iconHeart.png?x-oss-process=image/circle,r_100
           
阿里云oss对象存储图片预处理

opps 感觉这脸有点大(笑哭)

所以我还是想先缩放再裁切比较好

下面试一试先缩放再裁切:

http://towrabbit.oss-cn-beijing.aliyuncs.com/images/iconHeart.png?x-oss-process=image/resize,w_100/circle,r_100
           
阿里云oss对象存储图片预处理

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
           
阿里云oss对象存储图片预处理

这样我的小心就裁剪出来了

动作名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
           
阿里云oss对象存储图片预处理

因为本来是歪着头的

使用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=
           
阿里云oss对象存储图片预处理

其中文字的参数要经过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是最深 没有颜色之分

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

阿里云oss对象存储图片预处理
  • 这里是角角兔 towrabbit
  • 欢迎点赞评论哦