行业知识
当前位置:首页 >> 新闻资讯 >> 行业知识 >> 问什么加载速度快得网站都在使用webp图片格式?什么事webp图片格式
问什么加载速度快得网站都在使用webp图片格式?什么事webp图片格式
发布日期:2021-05-22 16:30:41 阅读次数:7 字体大小:

什么是WebP格式图片

WebP,一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。根据 Google 的测试,无损压缩后的 WebP 比 PNG 文件少了 45% 的文件大小,即使这些 PNG 文件经过其他压缩工具压缩之后,WebP 还是可以减少 28% 的文件大小。

基础图片相关的知识

图片是由很多像素点组成的,每个像素点只能保存一种颜色。如果说一个图片格式是8位的,就说明这个像素点可以表示2的8次方种颜色,即256种颜色。所以图片格式的位数越多,一个像素点能表示的颜色数越多,图片就越丰富。

Alpha透明通道:一个8位的灰度通道,该通道用256级灰度来记录图像中的透明度信息,定义透明、不透明和半透明区域,其中黑表示透明,白表示不透明,灰表示半透明。

WebP 的优势

WebP 除了压缩效果极好,图片质量能否得到保障?对比 PNG 原图、PNG 无损压缩、PNG 转 WebP(无损)、PNG 转 WebP(有损)的压缩效果。

20200217ejyu9.png

WebP 的优势可以有以下三点:

  • PNG 转 WebP 的压缩率要高于 PNG 原图压缩率,同样支持有损与无损压缩

  • 转换后的 WebP 体积大幅减少,图片质量也得到保障(同时肉眼几乎无法看出差异)

  • 转换后的 WebP 支持 Alpha 透明和 24-bit 颜色数,不存在 PNG8 色彩不够丰富和在浏览器中可能会出现毛边的问题

WebP 的优势体现在它具有更优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量;同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都非常优秀、稳定和统一。

webp的劣势

目前 WEBP 与 JPG 相比较,编码速度慢 10 倍,解码速度慢 1.5 倍,实际上对于绝大部分的网络应用而言,图片都是静态文件,所以对于用户使用只需要关心解码速度即可。其实WEBP带来的性能提升完全可以覆盖解码速度慢的这一劣势。

兼容性,虽然国内大部分浏览器都是根据谷歌内核定制界面而成的,支持webp图片自然不是问题,火狐、苹果浏览器、欧朋等浏览器都已经支持,IE新版及edge也都支持,只有古老的IE不行,这点基本上也可以忽略。

文章标签: