如何优雅地压缩一张图片

最新推荐文章于 2025-04-22 00:45:55 发布

原创最新推荐文章于 2025-04-22 00:45:55 发布

· 291 阅读

0 ·

版权

文章标签：

#iOS #移动客户端

平常开发中我们经常会接到这样的需求：上传图片前，需要把图片压缩到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的图片为例，看看压缩结果和压缩因子的关系：

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

只靠压是不能把一张图片无限压为接近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: ，计算得到一个更适合当前图片压的压缩因子，只压一次即可，当然如果压完还是比较大，我们再对图片进行缩的操作，直到达到目标大小。

文章首发：问我社区

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