冰糖橙子ariesjia

• 前言1
• 目录2
• WEBP 3
• 为什么要内嵌CSS？ 4

WEBP是什么呢？
WEBP 是google推出的意图改变web图片JPG、PNG、GIF三分天下局势的一种图片格式。它不仅支持无损或有损压缩、alpha通道，还支持动画演示。在同画质的情况下，webp格式图片占用体积相较于jpg图片大约减少40%，相较于无损png图片大约减少30%。具不完全统计，互联网流量中60%都产生于图片，如果能用上webp格式，网站的访问速度将会大大提升。

兼容及使用

目前，移动端Android4.0以上、PC端chorme 10+（14 ~ 16 有渲染bug）、opera 11+ 、safri均支持webp格式图片。firefox曾经拒绝支持webp，今年也重启了关于webp第二次讨论https://bugzilla.mozilla.org/show_bug.cgi?id=856375 ( 第一次讨论:地址 )，大家可以关注到里面的进度，safri也开始支持webm，相信webp也会在不久的将来得到支持，好的东西始终是会被大家接纳的。

目前要实现全浏览器兼容，虽然可以引入flash，但引入成本太高而且转为flash之后图片不能再操作，缺少灵活性，同时又会占用过多的CPU。因此，目前可行的解决方法只能是同时提供两套图片。

1.服务端方式服务端就只能通过UA信息来判断 可参考:https://github.com/igrigorik/webp-detect ，针对不同浏览器提供不同文件。