前端面试题(15)—— webp
- 什么是webp
webp是谷歌开发的一种新图片格式,它是支持有损和无损两种压缩方式的使用直接色的点阵图。使用webp格式的最大优点是在相同质量的文件下,它拥有更小的文件体积,因此它非常适合于网络图片的传输,因为图片体积的减少,意味着请求时间的减少,这样会提高用户的体验。这是谷歌开发的一种新的图片格式。 - 浏览器如何判断是否支持webp格式图片?
通过创建Image对象,将其src属性设置为webp格式的图片,然后在onload事件中获取图片的宽高,如果能够获取就说明浏览器支持webp格式图片,如果不能获取或者触发了onerror函数,那么就说明浏览器不支持webp格式的图片。