Jump to content
新域网络技术论坛

Search the Community

Showing results for tags 'webp'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 论坛服务
    • 公告栏
  • 技术讨论
    • IPB相关讨论
    • PHP技术探讨
    • FREEBSD讨论
    • 其它技术
    • 软件分享
  • 业余无线电
    • 使用指南
    • 设备讨论

Blogs

There are no results to display.

Product Groups

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


位置


兴趣


呼号

Found 1 result

  1. webp是Google 2010年推出的新图像格式,到目前为止也只有Google自己支持。它的优势也非常明显。 目前只有一半左右的浏览器支持,我们想使用这个图片格式还是得费一番功夫,首先判断浏览器是否支持这个格式,如果支持直接使用webp,如果不支持使用传统的图片格式。 判断方式有两种方式: 一、通过浏览器请求头进行判断,Accept 中是否包含 image/webp ,如果包含就是支持,否则就是不支持,这里切换文件也相对比较方便,即使客户端关闭JS也不会有影响,推荐使用此模式进行处理。 二、用JS进行前端判断,然后前端用js切换图片。 alert(support.webp2);即可 /** * 检测浏览器是否支持webp格式(异步方式) * @param callback */ var support = {}; checkWebpAsync = function(callback) { if (support.webp2 === undefined) { var img = new Image(); var tid = setTimeout(function(){ support.webp2 = false; callback && callback(support.webp2,true); img.onload = img.onerror = null; img = null; },500); img.onload = img.onerror = function() { clearTimeout(tid); support.webp2 = img.width === 2 && img.height === 2; callback && callback(support.webp2,false); }; img.src = "data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/oPP8bA//LwYAAA"; }else{ callback && callback(support.webp2); } } checkWebpAsync();
×
×
  • Create New...