【App瘦身之路】图片资源压缩

前言

• 除了移除无用的图片资源的瘦身，接下来就是对已有图片资源的优化了。
• 市面上绝大部分App切图资源常用的格式都是png，通常美工提供给我们的也是png格式切图。但其实有更好的图片格式，那就是Webp格式。

那什么是Webp格式？

• WebP格式是 Google 在 2010 年发布的图片格式，一种旨在加快图片加载速度的格式。希望以更高的压缩比替代 JPEG。它用 VP8 视频帧内编码作为其算法基础，取得了不错的压缩效果。它支持有损和无损压缩、支持完整的透明通道、也支持多帧动画，并且没有版权问题，是一种非常理想的图片格式。借由 Google 在网络世界的影响力，WebP 在几年的时间内已经得到了广泛的应用。看看你手机里的 App：微博、微信、QQ、淘宝、网易新闻等等，每个 App 里都有 WebP 的身影。Facebook 则更进一步，用 WebP 来显示聊天界面的贴纸动画。
• 想深入了解移动端图片格式可以看看YYKit大佬的博客： https://blog.ibireme.com/2015/11/02/mobile_image_benchmark/
• 总结：Webp大法好啊，缩小图片资源占用的空间且不影响视觉体验（这取决于压缩率啦）。
  
  

webp也不全是优点，它也有不好的地方，那就是解码和编码时间比 PNG 高，占用CPU资源较多。还是要根据实际情况来选择png还是webp，还是建议大于100kb的图片换webp格式收益比较高。

那么如何把项目里面的png格式切图转成webp？

• cwebp , Google 公司在开源的图片压缩shell工具，简单易用。它提供了cwebp 和dwebp函数，早png和webp之间互相转换。
• iSparta ，这是一款腾讯开发的GUI工具，可以实现批量png转Webp。推荐使用。

假定你已经搞定webp格式了，那么怎么打开webp文件呢？

• SDWebImage，https://www.jianshu.com/p/3a772d16bd80
• 或者YYImage，比较推荐YYimage，因为集成很方便

使用：

先引入
pod 'YYImage/WebP'

再使用
YYImage *yImage = [YYImage imageNamed:@"pic_newcomer_zone_bg_webp"]; // sample