如何优雅地压缩一张图片
平常开发中我们经常会接到这样的需求:上传图片前,需要把图片压缩到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之后压完差异不大
解决方案最后肯定会说的啦,在介绍解决方案前,我们先思考一下, 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 发布!
推荐阅读
- 安卓-性能优化|安卓如何做界面性能优化
- 教你如何使用Python破解WIFI密码
- 图解大数据 | Spark机器学习(下)—建模与超参调优
- VuePress|VuePress 博客之 SEO 优化(二)之重定向
- 这些常问的Android面试题,如果你是面试者,你会如何回答,能回答多少呢()
- 一篇文章告诉你如何用事件委托实现JavaScript留言板功能
- python如何生成密码字典
- 如何在Quarkus 框架中使用 Native Image
- 微服务如何通过feign.RequestInterceptor传递参数
- WPF优秀组件推荐之MahApps