七牛云图片上传和下载注意的问题

本文是想给大家分享一下,在向多媒体服务器上传图片再下载图片我遇到的问题,是很容易被大家忽视的问题。

问题描述

我们公司同事发现,在向多媒体服务器上传图片之后,再使用服务器API对上传之后的图片进行尺寸剪裁,使用的图片分辨率为15755 × 3426大小为3MB,剪裁之后的图片分辨率为8000× 1740大小为16MB,分辨率降低了图片大小反而增大,这肯定不是我们想要的结果,就这个问题我展开了调查,到底是服务器的问题还是客户端的问题。

问题分析

从问题上分析原因,造成图片大小增大的途径有两个,其一是向服务器上传图片时造成图片大小增大,其二是对图片进行尺寸剪裁是造成图片大小增大。而向服务器上传图片的途径有客户端上传和网页端上传两种。从这两个途径展开调查。

网页端图片问题调查

1.问题检查

我先来检查一下网页端是否会出现上文描述的问题,按照问题描述的步骤在网页端进行测试,使用的测试图片如下:


测试图片1.jpg



测试图片2.jpg

就这两张图片进行了上传和剪裁测试,测试结果如下表:


问题检查测试对照表

从表中数据可以看出测试图片2出现问题描述的情况而测试图片1未出现,所以网页端存在描述问题,需要调查原因。

2.网页端上传图片调查

调查是否是在网页端上传图片后造成图片大小增大,向服务器上传之前两张图片再下载不进行剪裁,测试结果如下表:


网页端上传图片测试对照表

从表中可以看出网页端上传图片后未造成图片大小增大,所以不是上传图片造成图片大小增大的。

3.网页端剪裁图片调查

调查是否是在网页端使用服务器剪裁图片的API造成图片大小增大的,对两张测试图片进行剪裁得到测试结果如下表:


网页端剪裁图片测试对照表

从表中数据可以看出图片剪裁后可能造成图片大小增大,并非必然现象,分析了一下原因,可能与图片的Exif信息不同有关,检查两张图片的Exif信息,其中一个属性吸引了我注意,就是quality属性,就是jpg等有损压缩图片格式的质量值,理论上这个值越大图片质量越好图片大小越大,测试图片1.jpg的quality值为80,测试图片2.jpg的quality值为60,并且这个quality值在我使用的服务器剪裁图片API中也是个非必选的参数,既然是非必选那必然有个默认值,查文档是75,那问题的原因就了然了。

可以得出推论:如果进行剪裁的图片的quality小于75且剪裁的尺寸不大的情况下后造成图片大小增大问题,原因是剪裁后图片的quality被修改成75,如果剪裁的图片的quality为75大小则正常变化。

为了印证推论再进行对两张测试图片进行图片剪裁测试,测试结果如下表所示:


推论测试图片2剪裁测试对照表


推论测试图片3剪裁测试对照表

从两表的数据可以看出,符合推论的内容,所以证明推论正确。

4.问题调查结论

服务器网页端存在描述问题,造成原因为对quality低于75的图片进行小幅度剪裁时,剪裁方法会将剪裁图片的quality修改为75使其图片大小增大。

Android客户端图片问题调查

1.问题检查

网页端出现描述问题,但不排除客户端会出现同样问题,检查客户端服务器API文档发现和网页端一致,所以网页端出现的问题客户端同样会出现,网页端和客户端的区别在于客户端上传图片之前会对图片进行压缩处理具体代码如下图所示:


图片上传前压缩处理源码图

从代码中可以看出在图片进行压缩之前调用Bitmap.compress压缩方法此时的目的仅仅是想将Bitmap对象转换成字节流对象不对图片进行压缩,上网查看公认的说法是compress方法的quality参数设置成100就是不进行压缩,所以此次预设成100,之后再判断字节流对象大小如果大于200kb进行压缩处理。

为了检查客户端是否会出现服务器api以外原因造成的图片问题,对客户端进行图片上传测试,由于图片大小大于200kb会进行压缩,所以使用大小小于200kb的图片进行测试,测试结果如下表所示:


客户端问题检查测试对照表


从表中数据可以看出图片在客户端上传后出现大小增大问题,而且图片的quality值也增大了,所以需要调查原因。

2.问题调查

从源码中可以看出造成图片大小增大的原因只能是Bitmap.compress方法,查看官方描述文字如下图所示:


Bitmap.compress方法官方描述截图

从图中对参数quality的描述发现,并没有说明quality设置成100后不对Bitmap对象进行压缩,所以之前理解的compress方法的使用可能存在问题,得出推论compress方法的quality参数含义为将处理后图片的quality值设置成参数值,也就是如果quality参数的值与处理图片的quality值相等,那么处理后图片的大小将不变。

为了印证推论在客户端进行图片上传测试,测试时将compress方法的quality参数设置成与处理图片的quality相同的值也就是75,测试结果如下表所示:

印证推论客户端图片上传测试对照表

�从表中数据可以得出推论正确。

3.问题结论

客户端存在网页端相同的问题原因一致,且出现上传图片后图片大小增大的新问题,造成原因为在图片大小低于200kb且quality低于100的情况进行Bitmap.compress(参数quality设置为100)进行处理后图片的quality被修改为100从而使其图片大小增大。

Android客户端图片上传优化

根据客户端图片问题调查得出的结论可知,在图片无需压缩调用Bitmap.compress方法时,将参数quality设置成处理图片的quality值,处理后的图片将不会变大,所以需要事先得出处理图片的quality值,实现方法源码如下图所示:


查找图片的quality信息源码图

从源码中可以看出是查看图片的Exif信息再在其中查找quality信息,所以图片如果没有Exif信息或者Exif信息缺失则无法得到quality的值。在这种情况下对代码进行进一步优化,优化代码如下图所示:


客户端获取图片quality优化源码图

从源码中可以看出通过反复对图片进行压缩处理,根据处理后的图片大小从而得出图片的quality的值。其实此代码还可以进一步优化的,因为每次都是从quality为100开始压缩,如果图片的quality比较低,那么循环将很耗时,这同样不是我们想要的结果,我们可以通过图片的大小和分辨率通过计算预估出quality值,再进行循环方法使quality值更加精确,这样将是更好的处理方法。

总结

出现上文描述的问题,主要的原因是我们对服务器API接口的默认参数值的疏忽,还有对Android客户端Bitmap.compress方法的quality参数的误解造成的,尤其是后者我在网上查阅了很多文章,都将compress方法的quality参数设置成100理解为不进行图片压缩,这是大家普遍的误解,往往就是这些我们容易忽视的事情,会造成一些很难处理的问题,我写本文的目的,就是想给大家分享一下我调查此事的经验,希望大家不要出现我们这样的问题。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,386评论 6 479
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,939评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,851评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,953评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,971评论 5 369
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,784评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,126评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,765评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,148评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,744评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,858评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,479评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,080评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,053评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,278评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,245评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,590评论 2 343

推荐阅读更多精彩内容