博源

博采广纳

七牛云图片处理 (待完善)

前言

想着,反正自己博客访问量不大,一个月也用不了多少资源,所以就尽情折腾七牛云了。

这次主要配置了一下图片处理。

七牛云对于图片的处理主要有两种服务,一是转码瘦身,二是进行剪裁、缩放,经过这两道工序,可以把一张 7MB,根据需求,缩放到几百千字节,高级缩放是收费的,然后基础的转码瘦身是免费提供的。

图片处理

主要有缩放、剪裁,缩放有提供多种缩放模式,剪辑也有设定重心、剪辑方式、锚点偏移等等。(等有时间了,慢慢更新)

官方有提供一些配置方案,直接用就行了。有自己要求的可以根据文档自己编写,但是其实要针对不同图片,确定不同的处理方式,其实不是一件容易的事儿。

我为了针对这种高远大于宽、重心在的图片中央,就花费了不少时间,这里贴出来,后来慢慢翻译文档·····gugugu

1
imageMogr2/auto-orient/gravity/center/thumbnail/!x70p/crop/!665x283a0a-150

先后依次是按照 EXIF 信息矫正图片;重心位置;缩放;剪裁

这个配置当然你可以直接写在图片连接后面,来针对不同图片来采取不同的策略,也可以在控制台存储一个配置文件,调用时直接在链接后 - <template name> , 例如 https://qiniu.bwoywan268.xyz/Fra9wdyYR0BsASLnPet4P4dShYOP-thumbnail. 配置好了,对加载速度还是有一定提升,只不过会带来一些不便,比如 chrome 的七牛云图床工具没用了,他返回的外链不正确 找找开发者?,并且上传的文件名也会更改,所以就得去控制台拿外链。