iOS和webppy图片的爱恨情仇

如果iOS是个好哥哥，webppy一定是一个持家能干的漂亮姑娘
来看看百度百科“婚介所”挂出来的这个姑娘的相亲帖webp格式
if you can go across the GFW, see wikipedia's WebP at wikipedia

1.缘起

然而这么好的姑娘，iOS却无情的拒之门外

我看不懂，Apple为何如此抗拒，不知道是不是另有所爱，爱的还是更完美的？如果没有，那就是傻。

2.来撩一撩webp这个高颜值小姐姐

• 凹凸实验室做了一些探究 探究WebP一些事儿by WEN on 2016-06-23
  然而情郎里没有iOS, so sad, a bad story

3.自己当月老 牵线iOS和webppy

• 在iOS项目中使用WebP格式图片-曾静的博客

在iOS这里有两块是需要区分的

• 1 可以使用SDWebImage或者YYImage解决的非webView部分
• 2 webView部分
  博客中给的方案是SD+网络请求拦截

无独有偶，简书的爱幻想的螃蟹的iOS加载WebP格式图片小结
同样采取了这样的方式

BUT, 网络拦截，对于webppy这么好的姑娘简直是抹黑，一点都不完美

4.是时候展现真正的技术了

大招是

**OSS格式转换**
# Object Storage Service对象存储服务

生亦何欢，死亦何苦？为善除恶，唯光明故。
喜乐悲愁，皆归尘土。怜我世人，忧患实多!

这里是TP，阿里云OSS图片处理之格式转换
如果连接失效了，可直接搜索OSS webp

来看看招式-填写想要的格式

就一个参数搞定

注意事项
对于普通缩略请求， 建议 format 参数放到处理参数串最后，例如：image/resize,w_100/format,jpg。
对于缩略+水印的请求，建议 format 参数跟缩略参数放在一起，例如：image/reisze,w_100/format,jpg/watermark,...。
保存成 jpg 格式时，默认是保存成标准型的 jpg (Baseline JPEG)，
如果想指定是渐进式 JPEG (Progressive JPEG), 可以指定参数 interlace，详见渐进显示。

示例

• 将 png 保存成 jpg 格式。
  请求 URL：http://image-demo.oss-cn-hangzhou.aliyuncs.com/panda.png?x-oss-process=image/format,jpg
  

• 将 png 保存成 jpg 格式，并且该 jpg 格式是支持渐变显示。
  请求 URL：http://image-demo.oss-cn-hangzhou.aliyuncs.com/panda.png?x-oss-process=image/interlace,1/format,jpg
  

• 将一张 gif 图片保存后成 jpeg 格式。
  请求 URL：http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.gif?x-oss-process=image/format,jpg
  

• 缩略成宽度为200的缩略图。
  请求url: http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.gif?x-oss-process=image/resize,w_200/format,gif
  

• 将一张gif图片保存后成动态webp格式。
  请求URL：http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.gif?x-oss-process=image/resize,w_200/format,webp
  

哈哈哈，姑娘到手了。
不要迷恋哥，哥只是个传说。

---

To be continued