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