iOS图片压缩、滤镜、剪切及渲染等详解

前端之家收集整理的这篇文章主要介绍了iOS图片压缩、滤镜、剪切及渲染等详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

本文主要给大家介绍了关于iOS图片压缩、滤镜、剪切及渲染的相关内容分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧

主要内容

1、图片基础知识的介绍

2、图片压缩

  • 简单的回顾一下从相册获取一张图片
  • 直接格式转换压缩:png、jpg、Context 重新绘制

3、图片处理

一、图片基础知识的介绍

一张图像是像素点的集合,每一个像素都是一个独立,有自己的颜色。图像一般情况下都存储成数组,可以说是二维数组。当成百上千万个像素集合一起后,就构成了图像。表示图形的方式很多种YUV,RGBA,最简单的:32位RGBA模式。将一个颜色的值存储在32位中(或4个字节) 每个字节存储一个颜色通道(RGBA)。

二、图片压缩

2.1、简单的回顾一下从相册获取一张图片

<1>、说到系统的图片,离不开相册与相机,要能使真机在使用时成功调用相册/拍照功能,那么我们需要在info.plist类里面设置两个key:Privacy - Camera Usage Description与Privacy - Photo Library Usage Description,在测试的时候根据崩溃添加更好

iOS图片压缩、滤镜、剪切及渲染等详解


相机与相册的key

<2>、挂两个代理:<UIImagePickerControllerDelegate,UINavigationControllerDelegate>

<3>、定义两个button,相册的tag值 101,相机102,调用UIImagePickerController

  1. #pragma mark 选择相册
  2. -(void)selectImage:(UIButton *)sender{
  3.  
  4. NSInteger tag = sender.tag - 100;
  5. NSUInteger sourceType = 0;
  6.  
  7. if (tag == 1) {
  8. // 相册
  9. // 1.判断能否打开照片库(不支持直接返回)
  10. if(![UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypePhotoLibrary]) return;
  11. sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
  12.  
  13. }else if (tag == 2){
  14. // 拍照
  15. // 2.判断支不支持相机(不支持直接返回)
  16. if(![UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera]) return;
  17. sourceType = UIImagePickerControllerSourceTypeCamera;
  18. }
  19.  
  20. UIImagePickerController *imagePickerController = [[UIImagePickerController alloc] init];
  21. //设置代理
  22. imagePickerController.delegate = self;
  23. // imagePickerController.allowsEditing = YES;
  24. imagePickerController.sourceType = sourceType;
  25.  
  26. [self presentViewController:imagePickerController animated:YES completion:nil];
  27. }

<4>、UIImagePickerController代理方法的实现(暂且去掉剪辑图片)

  1. #pragma mark - UIImagePicker delegate
  2. - (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info{
  3.  
  4. NSString *mediaType=[info objectForKey:UIImagePickerControllerMediaType];
  5. // 获取到的图片
  6. if ([mediaType isEqualToString:@"public.image"]) {
  7. UIImage * image;
  8. // 判断,图片是否允许修改
  9. // if ([picker allowsEditing]){
  10. //获取用户编辑之后的图像
  11. // image = [info objectForKey:UIImagePickerControllerEditedImage];
  12. // } else {
  13. // 照片的元数据参数
  14. image = [info objectForKey:UIImagePickerControllerOriginalImage];
  15. // }
  16.  
  17. // 压缩图片(处理) 看下面
  18. }
  19.  
  20. [self dismissViewControllerAnimated:YES completion:NULL];
  21. }
  22.  
  23. // 当用户取消选择的时候,调用方法
  24. - (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker{
  25.  
  26. NSLog(@"取消相册使用 --- %s",__func__);
  27. [self dismissViewControllerAnimated:YES completion:nil];
  28. }

<4>、 计算  NSData 的大小

  1. #pragma mark 计算 NSData 的大小
  2. - (NSString*)length:(NSInteger)length{
  3.  
  4. if (length > 1024 * 1024) {
  5.  
  6. int mb = (int)length/(1024*1024);
  7. int kb = (length%(1024*1024))/1024;
  8. return [NSString stringWithFormat:@"%dMb%dKB",mb,kb];
  9. }else{
  10.  
  11. return [NSString stringWithFormat:@"%ldKB",length/1024];
  12. }
  13. }

2.2、在上面我们已经拿到图片了,那么下面我们队图片的压缩进行下处理

<1>:png 压缩

  1. // 压缩图片
  2. NSData *dataPNG = UIImagePNGRepresentation(image);
  3. UIImage *compressPNGImage = [UIImage imageWithData:dataPNG];
  4. NSLog(@"%@",[self length:dataPNG.length]);

提示

<2>:jpg 压缩

  1. /**
  2. 第一个参数:UIIMage 对象
  3. 第二个参数:图片质量(压缩系数)0~1 之间
  4. */
  5. NSData *dataJPG = UIImageJPEGRepresentation(image,0.1);
  6. UIImage *compressJPGImage = [UIImage imageWithData:dataJPG];
  7. NSLog(@"%@",[self length:dataJPG.length]);

提示

1.如果是通过JPEG来压缩图片,图片压缩之后是不保真的

2.苹果官方不推荐我们使用JPG图片,因为现实JPG图片的时候解压缩非常消耗性能

3.这种压缩方式虽然可以通过设置图片质量,但是也会出现内存飙升

<3>:自定义 size 压缩通过 上下文 来压缩图片

  1. UIImage *compressImg = [self compressOriginalImage:image withImageSize:CGSizeMake(200,200)];
  2. NSLog(@"%@",NSStringFromCGSize(compressImg.size));
  3.  
  4. // 压缩图片
  5. - (UIImage *)compressOriginalImage:(UIImage *)originalImage withImageSize:(CGSize)size{
  6.  
  7. // 开启图片上下文
  8. UIGraphicsBeginImageContext(size);
  9. // 将图片渲染到图片上下文
  10. [originalImage drawInRect:CGRectMake(0,size.width,size.height)];
  11. // 获取图片
  12. UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
  13. // 关闭图片上下文
  14. UIGraphicsEndImageContext();
  15.  
  16. return newImage;
  17. }

提示:这种方式解决了内存的飙升,算是一种好的压缩方式

<4>:注意:一般情况下,只要涉及到从相册中获取图片功能,都需要处理内存,一般情况下一个应用程序启动会占用20M左右的内存,当内存飙升到500M左右的时候系统就会发送内存警告,此时就需要释放内存,否则就会闪退,只要内存释放到100M左右,那么系统就不会闪退我们的应用程序,也就是说一个应用程序占用的内存20~100时是比较安全的内容范围。

三、图片处理

3.1、基于图片像素修改

<1>、过滤图片:涉及到图片的像素处理,也是根据上下文进行操作的,进行一个绘制;从图片文件图片数据的像素拿出来(RGBA),对像素进行操作, 进行一个转换(Bitmap (GPU))
修改完之后,还原(图片属性 RGBA,RGBA (宽度,高度,色值空间,拿到宽度和高度,每一个画多少个像素,画多少行))

iOS图片压缩、滤镜、剪切及渲染等详解


过滤图片

  1. -(void)filterImage{
  2.  
  3. CGImageRef imageRef = self.imageView1.image.CGImage;
  4. // 1 个字节 = 8bit 每行有 17152 每行有17152*8 位
  5. size_t width = CGImageGetWidth(imageRef);
  6. size_t height = CGImageGetHeight(imageRef);
  7. size_t bits = CGImageGetBitsPerComponent(imageRef); // 8
  8. size_t bitsPerrow = CGImageGetBytesPerRow(imageRef); // width * bits
  9.  
  10. // 颜色空间
  11. CGColorSpaceRef colorSpace = CGImageGetColorSpace(imageRef);
  12. // AlphaInfo: RGBA AGBR RGB :AlphaInfo 信息
  13. CGImageAlphaInfo alpInfo = CGImageGetAlphaInfo(imageRef);
  14.  
  15. // bitmap的数据
  16. CGDataProviderRef providerRef = CGImageGetDataProvider(imageRef);
  17. CFDataRef bitmapData = CGDataProviderCopyData(providerRef);
  18.  
  19. NSInteger pixLength = CFDataGetLength(bitmapData);
  20. // 像素byte数组
  21. Byte *pixbuf = CFDataGetMutableBytePtr((CFMutableDataRef)bitmapData);
  22.  
  23. // RGBA 为一个单元
  24. for (int i = 0; i < pixLength; i+=4) {
  25.  
  26. [self eocImageFiletPixBuf:pixbuf offset:i];
  27. }
  28.  
  29. // 准备绘制图片
  30. // bitmap 生成一个上下文 再通过上下文生成图片
  31. CGContextRef contextR = CGBitmapContextCreate(pixbuf,width,height,bits,bitsPerrow,colorSpace,alpInfo);
  32.  
  33. CGImageRef filterImageRef = CGBitmapContextCreateImage(contextR);
  34.  
  35. UIImage *filterImage = [UIImage imageWithCGImage:filterImageRef];
  36.  
  37. self.imageView1.image = filterImage;
  38. }
  39.  
  40. // RGBA 为一个单元 彩色照变黑白照
  41. - (void)eocImageFiletPixBuf:(Byte*)pixBuf offset:(int)offset{
  42.  
  43. int offsetR = offset;
  44. int offsetG = offset + 1;
  45. int offsetB = offset + 2;
  46. // int offsetA = offset + 3;
  47.  
  48. int red = pixBuf[offsetR];
  49. int gre = pixBuf[offsetG];
  50. int blu = pixBuf[offsetB];
  51. // int alp = pixBuf[offsetA];
  52.  
  53. int gray = (red + gre + blu)/3;
  54.  
  55. pixBuf[offsetR] = gray;
  56. pixBuf[offsetG] = gray;
  57. pixBuf[offsetB] = gray;
  58. }

<2>、还原图片:这个其实没什么讲的,只要把过滤前的图片的UIIMage进行保存,再次赋值就好

3.2、图片剪切clip

iOS图片压缩、滤镜、剪切及渲染等详解


图片剪切clip

<1>、规则图片剪切(圆形,矩形等)

  1. #pragma mark 剪切图片(规则的剪切图)
  2. -(void)clipImage{
  3.  
  4. CGSize size = CGSizeMake(100,100);
  5.  
  6. // 开启上下文
  7. UIGraphicsBeginImageContext(size);
  8. // 获取当前的上下文
  9. CGContextRef context = UIGraphicsGetCurrentContext();
  10.  
  11. // 设置路径剪切(设置一个圆)
  12. CGRect rect = CGRectMake(0,size.height);
  13. CGContextAddEllipseInRect(context,rect);
  14. CGContextClip(context);
  15.  
  16. // 把图片绘制上去
  17. [self.oriImage drawInRect:CGRectMake(0,size.height)];
  18.  
  19. UIImage *clipImage = UIGraphicsGetImageFromCurrentImageContext();
  20.  
  21. UIGraphicsEndImageContext();
  22.  
  23. // 把剪切过的图片展示出来
  24. self.imageView2.image = clipImage;
  25. }

<2>、不规则图片剪切(根据自定义path剪切)

  1. #pragma mark 剪切图片(不规则的剪切图)
  2. -(void)irRegularclipImage{
  3.  
  4. UIGraphicsBeginImageContext(CGSizeMake(200,200));
  5. CGContextRef context = UIGraphicsGetCurrentContext();
  6.  
  7. // 非规则的path
  8. CGMutablePathRef pathRef = CGPathCreateMutable();
  9. CGPoint lines[] = {
  10. CGPointMake(50,0),CGPointMake(100,CGPointMake(150,80),CGPointMake(0,CGPointMake(50,0)
  11. };
  12. CGPathAddLines(pathRef,NULL,lines,5);
  13. CGContextAddPath(context,pathRef);
  14. CGContextClip(context);
  15.  
  16. [self.oriImage drawInRect:CGRectMake(0,200,200)];
  17.  
  18. UIImage *clipImage = UIGraphicsGetImageFromCurrentImageContext();
  19.  
  20. UIGraphicsEndImageContext();
  21.  
  22. // 把剪切过的图片展示出来
  23. self.imageView3.image = clipImage;
  24. }

3.3、图片渲染

  1. #pragma mark 图片上渲染一层半透明的红色
  2. -(void)blend{
  3.  
  4. // 原图的大小
  5. CGSize size = CGSizeMake(self.imageView1.frame.size.width,self.imageView1.frame.size.height);
  6.  
  7. UIGraphicsBeginImageContext(size);
  8.  
  9. CGContextRef context = UIGraphicsGetCurrentContext();
  10.  
  11. [self.oriImage drawInRect:CGRectMake(0,size.height)];
  12.  
  13. // 设置半透明红色的渲染
  14. UIColor *redColor = [UIColor colorWithRed:1 green:0 blue:0 alpha:0.5];
  15. CGContextSetFillColorWithColor(context,redColor.CGColor);
  16. CGContextSetBlendMode(context,kCGBlendModeNormal);
  17. CGContextFillRect(context,CGRectMake(0,size.height));
  18.  
  19. // 获取渲染的CGImageRef
  20. CGImageRef imageRef = CGBitmapContextCreateImage(context);
  21.  
  22. self.imageView1.image = [UIImage imageWithCGImage:imageRef];
  23.  
  24. UIGraphicsEndImageContext();
  25.  
  26. }

3.4、截屏(截取一个对象上的所有视图),我们以截取self.view的视图为例

iOS图片压缩、滤镜、剪切及渲染等详解


截屏**(截取一个对象上的所有视图),我们以截取self.view的视图为例

<1>、截屏方式一

  1. - (UIImage *)jk_snapshotImage {
  2.  
  3. UIGraphicsBeginImageContextWithOptions(self.bounds.size,YES,0);
  4. [self.view drawViewHierarchyInRect:self.bounds afterScreenUpdates:YES];
  5. UIImage *result = UIGraphicsGetImageFromCurrentImageContext();
  6. UIGraphicsEndImageContext();
  7.  
  8. return result;
  9. }

<2>、截屏方式一

  1. - (UIImage *)imageFromFullView{
  2.  
  3. UIGraphicsBeginImageContext(self.view.frame.size);
  4.  
  5. CGContextRef context = UIGraphicsGetCurrentContext();
  6.  
  7. [self.view.layer renderInContext:context];
  8.  
  9. CGImageRef imageRef = CGBitmapContextCreateImage(context);
  10.  
  11. UIImage *newImage = [UIImage imageWithCGImage:imageRef];
  12.  
  13. UIGraphicsEndImageContext();
  14.  
  15. return newImage;
  16. }

此篇博客demo (本地下载)

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对我们的支持

猜你在找的iOS相关文章