浏览器是否支持webP格式图片

关于更多日常使用的公共类的操作方法,可以关注下小滑轮网站

webP格式

webp格式的图片在质量相同的情况下,可以拥有更小的体积。而且现在很多资源存储的云服务商都支持请求webp格式的图片。
所以说,在网站中使用时webp格式,可以让网站打开更快,也更节省网络带宽。
但是并不是所有的网站都支持webP格式的,所以在使用之前,先判断下是否支持webP格式,下面的代码就提供了判断的方法。

/**
 * 
 * @desc 判断浏览器是否支持webP格式图片
 * @return {Boolean} 
 */
function isSupportWebP() {
    return !![].map && document.createElement('canvas').toDataURL('image/webp').indexOf('data:image/webp') == 0;
}

philips
719 声望177 粉丝

前端程序员