如何优雅地压缩一张图片

平常开发中我们经常会接到这样的需求:上传图片前,需要把图片压缩到100KB以下,且要尽可能的清晰。
作为一名有直觉的开发,我们即刻三下五除二搞个压缩因子:

NSData *imageData = https://www.it610.com/article/UIImageJPEGRepresentation(image, 0.8); (为什么不用 UIImagePNGRepresentation 而使用 UIImageJPEGRepresentation 可以Google,这里不做解释了哈)

结果发现用户可能会选择10MB的图片,0.8的压缩因子只能压到3MB,这肯定不可以的哇。
那我们来个循环压!直到压到目标为止!
NSData *imageData = https://www.it610.com/article/UIImageJPEGRepresentation(image, imageCompressRate); ; while (imageData.length> 100 * 1024) { imageCompressRate -= 0.1; imageData = https://www.it610.com/article/UIImageJPEGRepresentation(image, imageCompressRate); }

你写完上面这个代码,测试了几张图片,心满意足地提交了代码,但过了几天发现有人在上传图片的时候卡死了!这是肿么肥四!
一查原来是刚写的 while循环压 死循环了!What?! 拿了用户反馈的图片进行复现,结果发现如果是很大的图,压缩因子即使再怎么小,也压不动了。
下面以11MB的图片为例,看看压缩结果和压缩因子的关系:
如何优雅地压缩一张图片
文章图片

如何优雅地压缩一张图片
文章图片

从这个压的结果我们可以得到两个结论:
  • 只靠压是不能把一张图片无限压为接近0大小的
  • 压缩因子在1~0.8期间变更影响明显,0.8之后压完差异不大
好家伙,竟然怎么压都压不为0,那我们的 while循环压 绝壁会出现死循环的可能呀,那怎么办呢?
解决方案最后肯定会说的啦,在介绍解决方案前,我们先思考一下, UIImageJPEGRepresentation 为什么会出现"压不动"的情况?
图片的大小是用 : 宽 x 高 x 位深 来计算的,UIImageJPEGRepresentation 的压缩方式实际是将 几个像素点用一个像素点来表示,也就是在 位深 上做文章,不会影响图片的 bitmap(宽 x 高),
所以如果图片比较大,那么任凭用 UIImageJPEGRepresentation 怎么压,都会压到一个阈值,不会接近于0的。
原理搞清楚了,我们来思考下怎么 优雅地压缩一张图片吧!先直接上代码:
/* 根据图片大小,获取图片压缩因子 */ + (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 = https://www.it610.com/article/UIImageJPEGRepresentation(resultImage, compressRate); }return data; }

逻辑也不复杂,既然 单纯压 会出现 压不动的情况,那我们就先压后缩,鉴于 UIImageJPEGRepresentation 压缩存在快速损失的情况(达到阈值后,压1次和2次的效果都是一样的),
所以我们这里直接构建一个 反比例函数 getCompressRateByImageSize: ,计算得到一个更适合当前图片压的压缩因子,只压一次即可,当然如果压完还是比较大,我们再对图片进行缩的操作,直到达到目标大小。
文章首发:问我社区
【如何优雅地压缩一张图片】**这个公众号会持续更新技术方案、关注业内技术动向,关注一下成本不高,错过干货损失不小。
↓↓↓**
如何优雅地压缩一张图片
文章图片

本文由博客一文多发平台 OpenWrite 发布!

    推荐阅读