如何优雅地压缩一张图片

平常开发中我们经常会接到这样的需求:上传图片前,需要把图片压缩到100KB以下,且要尽可能的清晰。

作为一名有直觉的开发,我们即刻三下五除二搞个压缩因子

NSData *imageData = UIImageJPEGRepresentation(image, 0.8);
(为什么不用 UIImagePNGRepresentation 而使用 UIImageJPEGRepresentation 可以Google,这里不做解释了哈)

结果发现用户可能会选择10MB的图片,0.8的压缩因子只能压到3MB,这肯定不可以的哇。

那我们来个循环压!直到压到目标为止!

    NSData *imageData = UIImageJPEGRepresentation(image, imageCompressRate);;
    while (imageData.length  > 100 * 1024) {
        imageCompressRate -= 0.1;
        imageData = UIImageJPEGRepresentation(image, imageCompressRate);
    }

你写完上面这个代码,测试了几张图片,心满意足地提交了代码,但过了几天发现有人在上传图片的时候卡死了!这是肿么肥四!

一查原来是刚写的 while循环压 死循环了!What?! 拿了用户反馈的图片进行复现,结果发现如果是很大的图,压缩因子即使再怎么小,也压不动了。

下面以11MB的图片为例,看看压缩结果和压缩因子的关系:

如何优雅地压缩一张图片_第1张图片

从这个压的结果我们可以得到两个结论:

  • 只靠压是不能把一张图片无限压为接近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 = UIImageJPEGRepresentation(resultImage, compressRate);
    }

    return data;
}

逻辑也不复杂,既然 单纯压 会出现 压不动的情况,那我们就先压后缩,鉴于 UIImageJPEGRepresentation 压缩存在快速损失的情况(达到阈值后,压1次和2次的效果都是一样的),

所以我们这里直接构建一个 反比例函数 getCompressRateByImageSize: ,计算得到一个更适合当前图片压的压缩因子,只压一次即可,当然如果压完还是比较大,我们再对图片进行缩的操作,直到达到目标大小。


文章首发:问我社区

**这个公众号会持续更新技术方案、关注业内技术动向,关注一下成本不高,错过干货损失不小。
↓↓↓**

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

你可能感兴趣的:(如何优雅地压缩一张图片)