iOS 展示WebP图片(通过SDWebImage实现对.webp格式图片的支持)

参考文献:
WebP 极限压缩及ios实现
iOS使用cocoapods 安装libwebp 0.6.0遇到Error installing libwebp解决方法

1. SDWebImage(支持 WebP)的安装与实现

Pods安装SDWebImage(支持 WebP),Podfile增加代码如下:

    pod 'SDWebImage', '4.4.2'           #图片加载
    pod 'SDWebImage/WebP'               #SDWebImage支持.WebP格式图片

SDWebImage(支持 WebP)安装内置了libwebp源码库,并在UIImage+WebP.h中封装了WebP格式的解码功能。通过 SDWebImage的常规用法即可展示WebP 格式的图片。

2. 安装可能遇到的问题:

2.1 问题描述
在执行pod install后终端提示Error installing libwebp,如图:

iOS 展示WebP图片(通过SDWebImage实现对.webp格式图片的支持)_第1张图片
安装libwebp出错.png

这是由于Pods提供的libwebp的资源地址无法连接,最简单有效的修改方式就是修改libwebp的资源地址,再执行pod install即可解决。如图:

iOS 展示WebP图片(通过SDWebImage实现对.webp格式图片的支持)_第2张图片
Pods提供的libwebp的资源地址.jpg

在GitHub上找到了一个https://github.com/webmproject/libwebp.git,可以看到mirrored from https://chromium.googlesource.com/webm/libwebp,而且正好有我需要的版本0.6.1,便用这个替换原资源地址。如图:

GitHub上一个有效的libwebp地址.jpg

2.2 解决步骤

  • 终端依次执行下面前三行命令,获得libwebp版本文件文件夹
pod repo               #查看 cocoapods 本地库路径
find xxx -iname libwebp    #在本地库中找到libwebp版本文件文件夹
cd xxx                  #进入libwebp版本文件文件夹
ls -l              #查看所支持的版本
  • 前往libwebp版本文件文件夹,找到对应的版本文件夹
  • 打开libwebp.podspec.json文件,并修改文件中source的值为https://github.com/webmproject/libwebp.git
  • 终端重新进入工程文件夹下执行pod install即可
  • 具体操作图解如下:


    iOS 展示WebP图片(通过SDWebImage实现对.webp格式图片的支持)_第3张图片
    1.终端执行 pod repo

    2.终端执行 find xxx -iname libwebp

    iOS 展示WebP图片(通过SDWebImage实现对.webp格式图片的支持)_第4张图片
    3.进入libwebp版本文件文件夹,可查看所支持的版本

    iOS 展示WebP图片(通过SDWebImage实现对.webp格式图片的支持)_第5张图片
    4.前往文件夹,找到对应的版本文件夹,修改文件中的source值

期待你的评论建议O(∩_∩)O~

你可能感兴趣的:(iOS 展示WebP图片(通过SDWebImage实现对.webp格式图片的支持))