第一次接触项目的时候,遇到了图片压缩处理的问题,现在用的比较多的图片格式无非就是jpeg、png、gif格式的图片,但是这些图片格式的优化进本上是达到了一个极致了,之前做项目的时候发现google推出的一中新的图片格式,webp格式的图片
WebP(发音 weppy),是一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。根据 Google 的测试,无损压缩后的 WebP 比 PNG 文件少了 45% 的文件大小,即使这些 PNG 文件经过其他压缩工具压缩之后,WebP 还是可以减少 28% 的文件大小。
WebP 的优势
这里列举一个简单的测试:对比 PNG 原图、PNG 无损压缩、PNG 转 WebP(无损)、PNG 转 WebP(有损)的压缩效果。更多测试查看 https://isparta.github.io (请用 Chrome 浏览器打开)
可以得出结论:
- PNG 转 WebP 的压缩率要高于 PNG 原图压缩率,同样支持有损与无损压缩
- 转换后的 WebP 体积大幅减少,图片质量也得到保障(同时肉眼几乎无法看出差异)
- 转换后的 WebP 支持 Alpha 透明和 24-bit 颜色数,不存在 PNG8 色彩不够丰富和在浏览器中可能会出现毛边的问题
如果你对webp格式图片感兴趣可以浏览以下博客:
http://blog.youkuaiyun.com/zhangcanyan/article/details/51842211
觉得学有所得,特此记录一笔