实现低画质损耗的将图片压缩到极小尺寸

一般情况下，项目初期我们对上传图片的尺寸是没有严格要求的，因为开始阶段功能>优化。但是当用户数量逐渐增多，我们肯定要考虑到用户体验，所以对于图片的上传，一定对作出硬性的要求，要求客户端对用户选择的图片进行压缩，减少上传消耗的流量。

大多数情况下，都是使用UIImageJPEGRepresentation这个方法对图片进行压缩，但是这个压缩有自己的极限，测试中一般10M以上的图片，压缩到300K左右就已经到头了。它的优点就是压缩对图片质量的损耗很小，保证了图片的质量。但是它不能满足我们对图片压缩的硬性要求，比如我们的需求是图片不能超过50K：

- (void)jkr_tryCompressToDataLength:(NSInteger)length withBlock:(void (^)(NSData *))block {
    dispatch_async(dispatch_get_global_queue(0, 0), ^{
        CGFloat scale = 0.9;
        NSData *scaleData = UIImageJPEGRepresentation(self, scale);
        while (scaleData.length > length) {
            scale -= 0.1;
            if (scale < 0) {
                break;
            }
            scaleData = UIImageJPEGRepresentation(self, scale);
        }
        dispatch_async(dispatch_get_main_queue(), ^{
            block(scaleData);
        });
    });
}

jgp.png

可以看到利用这种方式压缩到307K已经是极限，无法满足我们图片不能超过50K的要求。

另一种方式就是利用离屏渲染重新绘制图片，这个方式可以将图片压缩到任意大小，比如我们要求的50K，但是它的缺点就是对图片的质量损耗很严重：

- (UIImage *)jkr_compressWithWidth:(CGFloat)width {
    if (width <= 0 || [self isKindOfClass:[NSNull class]] || self == nil) return nil;
    CGSize newSize = CGSizeMake(width, width * (self.size.height / self.size.width));
    UIGraphicsBeginImageContext(newSize);
    [self drawInRect:CGRectMake(0, 0, newSize.width, newSize.height)];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return newImage;
}

- (void)jkr_fastCompressToDataLength:(NSInteger)length withBlock:(void (^)(NSData *))block {
    CGFloat scale = 1.0;
    UIImage *newImage = [self copy];
     NSInteger newImageLength = UIImageJPEGRepresentation(newImage, 1.0).length;
    while (newImageLength > length) {
        NSLog(@"Do compress");
        // 如果限定的大小比当前的尺寸大0.9的平方倍，就用开方求缩放倍数,减少缩放次数
        if ((double)length / (double)newImageLength < 0.81) {
            scale = sqrtf((double)length / (double)newImageLength);
        } else {
            scale = 0.9;
        }
        CGFloat width = newImage.size.width * scale;
        newImage = [newImage jkr_compressWithWidth:width];
        newImageLength = UIImageJPEGRepresentation(newImage, 1.0).length;
    }
    dispatch_async(dispatch_get_main_queue(), ^{
        block(UIImageJPEGRepresentation(newImage, 1.0));
    });
}

fast.png

可以看到，图片成功的压缩到了50K以下，但是图片的质量损耗非常严重，因为重新绘制并不是对图片的压缩处理，它在绘制的同时，就因为尺寸的限定，造成了严重的失真效果。

下面是我的思路，为了首先保证图片的压缩要求，重新渲染图片是必须的，但是尽量减少对图片的损耗，所以尽可能缩小渲染的尺寸和原图尺寸的差，最大可能的使用JEPG压缩。所以先对图片进行小幅度的缩放，再判断缩放后的图片压缩后在极限压缩的条件是否满足压缩条件，如果满足则通过压缩获取图片。
下面是将一张同样17.88M的图片压缩到50K的效果：

compress.png

通过这样的方式，在压缩尺寸和图片质量中尽量做到平衡，方法就是先通过UIImageJPEGRepresentation压缩到最小，如果不能满足尺寸要求，则先将图片重新绘制为稍小尺寸的图片，然后再用UIImageJPEGRepresentation压缩，直到满足大小要求位置。实际测试这样可以在将图片压缩到非常小的尺寸的同时，让可以有很高的清晰度。
代码如下：

#pragma mark - 图片根据宽度重绘
- (UIImage *)jkr_compressWithWidth:(CGFloat)width {
    if (width <= 0 || [self isKindOfClass:[NSNull class]] || self == nil) return nil;
    CGSize newSize = CGSizeMake(width, width * (self.size.height / self.size.width));
    UIGraphicsBeginImageContext(newSize);
    [self drawInRect:CGRectMake(0, 0, newSize.width, newSize.height)];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return newImage;
}

#pragma mark - 压缩图片高质量
- (void)jkr_compressToDataLength:(NSInteger)length withBlock :(void (^)(NSData *))block {
    if (length <= 0 || [self isKindOfClass:[NSNull class]] || self == nil) {
        block(nil);
        return;
    }
    dispatch_async(dispatch_get_global_queue(0, 0), ^{
        UIImage *newImage = [self copy];
        {
            CGFloat clipScale = 0.9;
            NSData *pngData = UIImagePNGRepresentation(self);
            NSLog(@"Original pnglength %zd", pngData.length);
            NSData *jpgData = UIImageJPEGRepresentation(self, 1.0);
            NSLog(@"Original jpglength %zd", jpgData.length);
            while (jpgData.length > length) {
                NSData *newImageData = UIImageJPEGRepresentation(newImage, 0.0);
                if (newImageData.length < length) {
                    CGFloat scale = 1.0;
                    newImageData = UIImageJPEGRepresentation(newImage, scale);
                    while (newImageData.length > length) {
                        scale -= 0.1;
                        newImageData = UIImageJPEGRepresentation(newImage, scale);
                    }
                    dispatch_async(dispatch_get_main_queue(), ^{
                        NSLog(@"Result jpglength %zd", newImageData.length);
                        block(newImageData);
                    });
                    return;
                } else {
                    newImage = [newImage jkr_compressWithWidth:newImage.size.width * clipScale];
                    jpgData = UIImageJPEGRepresentation(newImage, 1.0);
                }
            }
            dispatch_async(dispatch_get_main_queue(), ^{
                NSLog(@"Result jpglength %zd", jpgData.length);
                block(jpgData);
            });
        }
    });
}

源码：https://github.com/Joker-388/JKRCategory