关于iOS中显示WEBP图像的学习记录

由于公司需要,现在要研究一下webp的图片格式,下面是我的一点记录

WebP是Google新推出的影像技术，它可让网页图档有效进行压缩，同时又不影响图片格式兼容与实际清晰度，进而让整体网页下载速度加快。

由于目前互联网上传输的数据有65%都是图片，WebP就是出于减少数据量、加速网络传输的目的而开发的。为了改善JPEG的图片压缩技术，他们使用了一种基于VP8编码(已在2010五月开源)的图片压缩器，利用预测编码技术，同时还采用了一种基于RIFF的非常轻量级的容器。这种容器只会给每张图片增加20字节，但能让图片作者保存他们想要存储的元数据。

与JPEG相同，WebP是一种有损压缩利用预测编码技术。但谷歌表示，这种格式的主要优势在于高效率。他们发现，“在质量相同的情况下，WebP格式图像的体积要比JPEG格式图像小40%。

目前, Google放出了WebP文件解码器(libvpx)和命令行工具(webpconv)，用于JPEG等格式图片与WebP格式之间的转换，不过系统支持暂时仅限Linux，Windows版本将在稍后推出。

WebP团队还在开发WebKit内核补丁，用于在Google Chrome浏览器中提供对WebP格式的原生支持。

美中不足的是，WebP格式图像的编码时间“比JPEG格式图像长8倍”。

分析人士认为，尽管WebP格式尚未像JPEG格式那样，得到各种软硬件的广泛支持，但谷歌推广这一格式的优势在于Chrome浏览器。这款谷歌开发的浏览器的市场份额已达10%以上。

在ios里我们可以从github上直接找到相关的代码,这里是连接:iOS-WebP

主要的方法如下

<span style="font-size:18px;">//转换一个img成webp
+ (void)imageToWebP:(UIImage *)image quality:(CGFloat)quality alpha:(CGFloat)alpha preset:(WebPPreset)preset
    completionBlock:(void (^)(NSData *result))completionBlock
       failureBlock:(void (^)(NSError *error))failureBlock;

//转换一个webp成img
+ (void)imageFromWebP:(NSString *)filePath
      completionBlock:(void (^)(UIImage *result))completionBlock
         failureBlock:(void (^)(NSError *error))failureBlock;

//透明度
- (UIImage *)imageByApplyingAlpha:(CGFloat)alpha;</span>

还需要注意的就是他有几个不同的属性,不同的属性压缩出的图片也是有一点点的大小区分

<span style="font-size:18px;">WEBP_PRESET_DEFAULT (default preset)
WEBP_PRESET_PICTURE (digital picture, like portrait, inner shot)
WEBP_PRESET_PHOTO (outdoor photograph, with natural lighting)
WEBP_PRESET_DRAWING (hand or line drawing, with high-contrast details)
WEBP_PRESET_ICON (small-sized colorful images)
WEBP_PRESET_TEXT (text-like)</span>

-----------------------------------------5.25补充-----------------------------------------

针对某些图片无法解析的问题,下面的代码或许能有所帮助

<span style="font-size:18px;">
//5.22 解决本地预加载漫画的问题 wyl
    if (imageWebp == nil) {
        WebPDecoderConfig config;
        if (!WebPInitDecoderConfig(&config)) {
            NSLog(@"WebPDecoderConfig error");
        }
        config.output.colorspace = MODE_RGBA;
        config.options.use_threads = 1;
        imageWebp = [UIImage decodeWebPFromFile:self.imageData withConfig:&config];
        [imageWebp retain];
    }
</span>

<span style="font-size:18px;">

+ (UIImage *)decodeWebPFromFile:(NSData *)myData
                     withConfig:(WebPDecoderConfig *)config {
    
    // Decode the WebP image data into a RGBA value array.
    if (WebPDecode([myData bytes], [myData length], config) != VP8_STATUS_OK) {
        return nil;
    }
    
    int width = config->input.width;
    int height = config->input.height;
    if (config->options.use_scaling) {
        width = config->options.scaled_width;
        height = config->options.scaled_height;
    }
    
    // Construct a UIImage from the decoded RGBA value array.
    CGDataProviderRef provider =
    CGDataProviderCreateWithData(NULL, config->output.u.RGBA.rgba,
                                 config->output.u.RGBA.size, FreeImageData);
    CGColorSpaceRef colorSpaceRef = CGColorSpaceCreateDeviceRGB();
    CGBitmapInfo bitmapInfo = kCGBitmapByteOrderDefault;
    CGColorRenderingIntent renderingIntent = kCGRenderingIntentDefault;
    CGImageRef imageRef =
    CGImageCreate(width, height, 8, 32, 4 * width, colorSpaceRef, bitmapInfo,
                  provider, NULL, NO, renderingIntent);
    
    CGColorSpaceRelease(colorSpaceRef);
    CGDataProviderRelease(provider);
    
    UIImage *newImage = [[UIImage alloc] initWithCGImage:imageRef] ;
    CGImageRelease(imageRef);
        
    return newImage;

}

// Callback for CGDataProviderRelease
static void FreeImageData(void *info, const void *data, size_t size) {
    free((void*)data);
}</span>