目标：
前端图片年年用，天天用，闲来无事再记录下吧
内容：
常用格式对比
| 图片格式 | 压缩方式 | 动画 | 适应浏览器 |
|---|---|---|---|
| JPG | 有损 | 不支持 | 所有 |
| PNG | 无损 | 不支持 | 所有 |
| GIF | 无损 | 支持 | 所有 |
| APNG | 无损 | 支持 | firefox、safari |
| WebP | 有损/无损 | 支持 | chrome、opera |
特别是WebP
WebP 是图片格式的发展趋势
WebP的优势
WebP 和PNG、JPG图片在同等质量下压缩到体积最小后，WebP压缩比最大，这样我们来随便来一张网上的实测报告
WebP的兼容性与缺点
既然是一个相对较新的技术，所以对于目前市面上能否完美的兼容，其可用和实用性就变得很现实了，再好的东西如果没有好的兼容性，也是非常难以普及和被广泛使用的，同时也可能会增加使用和操作的难度。根据对目前国内浏览器占比与 WebP 的兼容性分析，大约有 50% 以上的国内用户可以直接体验到 WebP，如果你的网站以图片为主，或者你的产品基于 Chromium 内核，建议体验尝试。PC 端 chorme 10+（14 ~ 16 有渲染 bug）、opera 11+ 、safri 均支持 webp 格式图片，Firefox 也曾拒绝支持 WebP，如果你打算在 App 中使用 WebP，除了 Android4.0 以上提供的原生支持外，其他版本以及 iOS 都可以直接使用官方提供的解析库。
在线压缩网站
总结
选择合适的格式，WebP 未来可期