美文网首页iOS学习iOS DeveloperIT好文
[UIImage系列]-图片jpg和png格式的转化以及gif图

[UIImage系列]-图片jpg和png格式的转化以及gif图

作者: 无意惹东风 | 来源:发表于2017-03-16 11:26 被阅读872次

忙里偷闲写篇小文。

本文讲述关于iOS中处理图片的相关问题。
通常情况下,我们处理的图片多为png或者jpg格式的,所以在此我们先看看关于这两种格式的图片的显示、获取以及相互转化。
首先导入头文件

#import <ImageIO/ImageIO.h>
#import <MobileCoreServices/MobileCoreServices.h>
UIImage *image = [UIImage imageNamed:@"myopic.jpg"];
    
// 将图片保存到手机相册
UIImageWriteToSavedPhotosAlbum(image, nil, nil, nil);

上述便是将名为mypic.jpg的图片保存至手机相册的基本操作。

接下来看看如果有一个jpg格式的图片,我们怎么将其转化为png的格式:

UIImage *image = [UIImage imageNamed:@"pic.jpg"];
NSData *data = UIImagePNGRepresentation(image);
UIImage *image_png = [UIImage imageWithData:data];
UIImageWriteToSavedPhotosAlbum(image_png, nil, nil, nil);

其实可以看出我们基本的思路可以分为:
1.获取需要处理的图片
2.将图片转化为NSData类型的数据
3.通过“imageWithData”的方式将图片读取
在转化为NSData类型的时候就是我们去选择转为png或者jpg格式的时候、具体为:
UIImagePNGRepresentation (image)和UIImageJPEGRepresentation(image, scale)

以下为png格式和jpg格式转化为jpg格式的处理方式:

    UIImage *image = [UIImage imageNamed:@"pic1.png"];
    // 图片的质量因子
    // 质量因子越小、生成的jpg图片size越小、清晰度越低
    NSData *data = UIImageJPEGRepresentation(image, 1);
    UIImage *image_jpg = [UIImage imageWithData:data];
    UIImageWriteToSavedPhotosAlbum(image_jpg, nil, nil, nil);
    
    
    UIImage *image2 = [UIImage imageNamed:@"pic1.jpg"];
    // 图片的尺寸
    NSData *data2 = UIImageJPEGRepresentation(image2, 0.5);
    UIImage *image_jpg2 = [UIImage imageWithData:data2];
    UIImageWriteToSavedPhotosAlbum(image_jpg2, nil, nil, nil);

由此也可看出、png格式的图片质量是无损的,并且透明,而jpg格式的图片因为我们可以去设置他的质量因子,故而会造成图片质量的消损。

然后我们再看看关于gif格式图片的处理。

iOS原生是不支持gif格式的图片的,但是因为gif的图片其实可以看作是一张张图片通过动画桢组合而成,故而我们可以通过这种思路进行相应的处理。
主要步骤可以分为以下四步:

  1. 获取需要处理的gif图片
  2. 将gif图片分解为单帧
  3. 将单帧数据转为UIImage
  4. 保存单帧图片

具体的代码如下示:

    // 获取需要处理的gif图片文件
    NSString *gifPathsource = [[NSBundle mainBundle] pathForResource:@"pic3" ofType:@"gif"];
    // 将拿到的gif文件转化为NSData类型
    NSData *data = [NSData dataWithContentsOfFile:gifPathsource];
    // 将NSData类型数据转为CGImageSourceRef类型
    CGImageSourceRef source = CGImageSourceCreateWithData((__bridge CFDataRef)data, NULL);
    
    NSMutableArray *imageArray = [NSMutableArray array];
    // 分解为单帧图片
    size_t count = CGImageSourceGetCount(source);
    for (size_t i=0; i < count; i++) {
        
        // 获取到的单帧数据
        CGImageRef imageRef = CGImageSourceCreateImageAtIndex(source, i, NULL);
        // 将单帧数据转化为UIImage数据
        UIImage *image = [UIImage imageWithCGImage:imageRef scale:[UIScreen mainScreen].scale orientation:UIImageOrientationUp];
        [imageArray addObject:image];
        // 释放缓存
        CGImageRelease(imageRef);
        
    }
    // 释放缓存
    CFRelease(source);
    
    // 保存单帧图片
    int i = 0;
    for (UIImage *image in imageArray) {
        
        NSData *data = UIImagePNGRepresentation(image);
        // 获取本地文件夹的路径
        NSArray *path = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
        
        NSString *gifPath = path[i];
        
        NSString *pathNum = [gifPath stringByAppendingString:[NSString stringWithFormat:@"%d.png",i]];
        
        [data writeToFile:pathNum atomically:YES];
        
        i++;
    }

上面便是将gif图片进行分解、变成一帧桢的图片(需要注意的是:我们要记得对获取到的CGImageRef数据和CGImageSourceRef数据进行释放)。然后我们可以再将这些单帧图片通过UIImageView来显示在屏幕上。

    NSMutableArray *imageArray = [[NSMutableArray alloc] init];
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 100, 200, 150)];
    [self.view addSubview:imageView];
    
    for (int i = 0; i < 50; i++) {
        UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"pic_%d.jpg",i]];
        [imageArray addObject:image];
    }
    
    // 设置动画相关属性
    [imageView setAnimationImages:imageArray];
    [imageView setAnimationRepeatCount:5];
    [imageView setAnimationDuration:2];
    // 开始执行动画
    [imageView startAnimating];

可以看出这里其实就是利用Animation的动画方式进行展示的。

下面是gif图片的合成:

    // 1.获取图片数据
    NSMutableArray *imageArray = [NSMutableArray arrayWithObjects:[UIImage imageNamed:@"pic1.jpg"],[UIImage imageNamed:@"pic2.jpg"],[UIImage imageNamed:@"pic3.jpg"],[UIImage imageNamed:@"pic4.jpg"],[UIImage imageNamed:@"pic5.jpg"], nil];
    
    // 2.创建gif文件
    NSArray *document = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
    NSString *docString = [document objectAtIndex:0];
    NSFileManager *fileManager = [NSFileManager defaultManager];
    NSString *pathString = [docString stringByAppendingString:@"/gif"];
    [fileManager createDirectoryAtPath:pathString withIntermediateDirectories:YES attributes:nil error:nil];
    NSString *path = [pathString stringByAppendingString:@"test1.gif"];
    NSLog(@"path:%@",path);
    
    // 3.配置gif属性
    CGImageDestinationRef destion;
    // 将 path 映射成 CFURLRef 的路径
    CFURLRef url = CFURLCreateWithFileSystemPath(kCFAllocatorDefault, (CFStringRef)path, kCFURLPOSIXPathStyle, false);
    destion = CGImageDestinationCreateWithURL(url, kUTTypeGIF, imageArray.count, NULL);
    
    NSDictionary *dict = [NSDictionary dictionaryWithObject:[NSMutableDictionary dictionaryWithObjectsAndKeys:[NSNumber numberWithFloat:0.3],(NSString *)kCGImagePropertyGIFDelayTime, nil] forKey:(NSString *)kCGImagePropertyGIFDelayTime];
    
    NSMutableDictionary *mutDict = [NSMutableDictionary dictionaryWithCapacity:2];
    [mutDict setObject:[NSNumber numberWithBool:YES] forKey:(NSString *)kCGImagePropertyGIFHasGlobalColorMap];
    [mutDict setObject:(NSString *)kCGImagePropertyColorModelRGB forKey:(NSString *)kCGImagePropertyColorModel];
    [mutDict setObject:[NSNumber numberWithInt:8] forKey:(NSString *)kCGImagePropertyDepth];
    [mutDict setObject:[NSNumber numberWithInt:0] forKey:(NSString *)kCGImagePropertyGIFLoopCount];
    NSDictionary *gifPropertyDict = [NSDictionary dictionaryWithObject:mutDict forKey:(NSString *)kCGImagePropertyGIFDictionary];
    
    // 单帧添加到gif
    for (UIImage *image in imageArray) {
        
        CGImageDestinationAddImage(destion, image.CGImage, (__bridge CFDictionaryRef)dict);
        
    }
    CGImageDestinationSetProperties(destion, (__bridge CFDictionaryRef)gifPropertyDict);
    CGImageDestinationFinalize(destion);
    CFRelease(destion);

以上就是对iOS中图片处理的一些总结。希望可以对大家有所帮助。

我是姣爷、我在简书、加油!

相关文章

  • [UIImage系列]-图片jpg和png格式的转化以及gif图

    忙里偷闲写篇小文。 本文讲述关于iOS中处理图片的相关问题。通常情况下,我们处理的图片多为png或者jpg格式的,...

  • iOS UIImageView

    jpg 格式转化 png png 格式转化 jpg 将GIF分解为一帧帧 并保存到沙盒中 编辑图片- 旋转图片然后...

  • JPG、PNG、SVG

    浅谈JPG、PNG、GIF三种图片格式的区别,以及在前端开发中遇到的小问题。 JPG JPG的图片格式是有损的,优...

  • 来聊聊WebP的原理

    前言 前端常用的图片格式:JPG、PNG、GIF、WEBP、APNG等等。 主要图片格式背景以及信息 JPEG(J...

  • 图片格式的区别

    JPG GIF PNG 格式的区别 jpg格式 图片色彩丰富。色彩还原高,适合复杂颜色的图片。 比如banner;...

  • Android bitmap(二) 常见图片格式JPG PNG

    参考PNG、EPS、bmp、jpg等几种图片格式有什么区别GIF/PNG/JPG和WEBP/base64/apng...

  • web端常用图片格式及各自优缺点

    一般来说常用的图片格式有png,gif,jpg,webP。 GIF:主要用于动图,正在被PNG所代替,现在可以被c...

  • 图片格式

    常见的三种图片格式 图片格式种类繁多,我们日常使用最多的图片文件格式是 jpg、png 和 gif。这些格式由于与...

  • 前端性能分析与优化--图片资源

    常见图片格式 详见:聊一聊几种常用web图片格式:gif、jpg、png、webp[https://segment...

  • Android获取Bitmap网络图片类型

    常见的获取图片格式的方式 Android中常见的图片格式有png、jpeg(jpg)、gif、webp,不同格式的...

网友评论

    本文标题:[UIImage系列]-图片jpg和png格式的转化以及gif图

    本文链接:https://www.haomeiwen.com/subject/zvwdnttx.html