平常开发中我们经常会接到这样的需求:上传图片前,需要把图片压缩到100KB以下,且要尽可能的清晰。
作为一名有直觉的开发,我们即刻三下五除二搞个压缩因子:
1 2
| NSData *imageData = UIImageJPEGRepresentation(image, 0.8); (为什么不用 UIImagePNGRepresentation 而使用 UIImageJPEGRepresentation 可以Google,这里不做解释了哈)
|
结果发现用户可能会选择10MB的图片,0.8的压缩因子只能压到3MB,这肯定不可以的哇。
那我们来个循环压!直到压到目标为止!
1 2 3 4 5
| NSData *imageData = UIImageJPEGRepresentation(image, imageCompressRate);; while (imageData.length > 100 * 1024) { imageCompressRate -= 0.1; imageData = UIImageJPEGRepresentation(image, imageCompressRate); }
|
你写完上面这个代码,测试了几张图片,心满意足地提交了代码,但过了几天发现有人在上传图片的时候卡死了!这是肿么肥四!
一查原来是刚写的 while循环压 死循环了!What?! 拿了用户反馈的图片进行复现,结果发现如果是很大的图,压缩因子即使再怎么小,也压不动了。
下面以11MB的图片为例,看看压缩结果和压缩因子的关系:


从这个压的结果我们可以得到两个结论:
- 只靠压是不能把一张图片无限压为接近0大小的
- 压缩因子在1~0.8期间变更影响明显,0.8之后压完差异不大
好家伙,竟然怎么压都压不为0,那我们的 while循环压 绝壁会出现死循环的可能呀,那怎么办呢?
解决方案最后肯定会说的啦,在介绍解决方案前,我们先思考一下, UIImageJPEGRepresentation 为什么会出现”压不动”的情况?
图片的大小是用 : 宽 x 高 x 位深 来计算的,UIImageJPEGRepresentation 的压缩方式实际是将 几个像素点用一个像素点来表示,也就是在 位深 上做文章,不会影响图片的 bitmap(宽 x 高),
所以如果图片比较大,那么任凭用 UIImageJPEGRepresentation 怎么压,都会压到一个阈值,不会接近于0的。
原理搞清楚了,我们来思考下怎么 优雅地压缩一张图片吧!先直接上代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57
| /* 根据图片大小,获取图片压缩因子 */ + (CGFloat)getCompressRateByImageSize:(CGFloat)imageSize targetSize:(CGFloat)targetSize { NSUInteger rate = (NSUInteger)(imageSize / targetSize); rate = (rate == 0) ? 1 : rate;
// 默认0.8压缩因子 CGFloat maxCompressRate = 0.8; CGFloat minCompressRate = 0.2;
// 反比例压缩函数 CGFloat compressRate = 0.8 / rate;
compressRate = MIN(MAX(compressRate, minCompressRate), maxCompressRate); return compressRate; }
/*! * @brief 使图片压缩后刚好小于指定大小 * * @param image 当前要压缩的图 maxLength 压缩后的大小 * * @return 图片对象 */ + (NSData *)compressImageSize:(UIImage *)image toByte:(NSUInteger)maxLength { // 压 NSData *data = UIImageJPEGRepresentation(image, 1); if (data.length < maxLength) { return data; }
CGFloat compressRate = [self.class getCompressRateByImageSize:data.length targetSize:maxLength]; data = UIImageJPEGRepresentation(image, compressRate); if (data.length < maxLength) { return data; }
// 缩 UIImage *resultImage = [UIImage imageWithData:data]; NSUInteger lastDataLength = 0; while (data.length > maxLength && data.length != lastDataLength) { lastDataLength = data.length; CGFloat ratio = (CGFloat)maxLength / data.length; CGSize size = CGSizeMake((NSUInteger)(resultImage.size.width * sqrtf(ratio)), (NSUInteger)(resultImage.size.height * sqrtf(ratio))); if (CGSizeEqualToSize(size, CGSizeZero) || size.width < 10 || size.height < 10) { break; } UIGraphicsBeginImageContext(size); [resultImage drawInRect:CGRectMake(0, 0, size.width, size.height)]; resultImage = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); data = UIImageJPEGRepresentation(resultImage, compressRate); }
return data; }
|
逻辑也不复杂,既然 单纯压 会出现 压不动的情况,那我们就先压后缩,鉴于 UIImageJPEGRepresentation 压缩存在快速损失的情况(达到阈值后,压1次和2次的效果都是一样的),
所以我们这里直接构建一个 反比例函数 getCompressRateByImageSize:
,计算得到一个更适合当前图片压的压缩因子,只压一次即可,当然如果压完还是比较大,我们再对图片进行缩的操作,直到达到目标大小。