WebP

作者: JunChow520 | 来源:发表于2020-05-19 01:20 被阅读0次

WebP是由Google谷歌开发的一种加快图片加载速度的图片格式,可节省大量服务器宽带资源和数据空间,在压缩比率上比JPEG格式更为优越,同时提供了有损压缩和无损压缩。在质量相同情况下,WebP格式图片的体积要比JPEG小40%

WebP

WebP图片格式浏览器支持情况

浏览器支持情况

浏览器判断是否支持WebP格式图片

  • 判断请求头的Accept字段中是否包含image/webp字段
const isSupportWebP = function(){
  try{
    return document.createElement("canvas").toDataURL("image/webp").indexOf("data:image/webp") === 0;
  }catch(e){
    return false;
  }
}

WebP图片转换

又拍云 https://www.upyun.com/webp
智图 https://zhitu.isux.us
isparta http://isparta.github.io

WebP图片打包工具

https://developers.google.cn/speed/webp/docs/cwebp

相关文章

  • 关于webp

    关于webp的介绍及测试 检测浏览器是否支持WebP google webp

  • Android 如何实现webp转png?看这篇就够了

    Webp是什么, 请移步 What‘s Webp? 由于webp与生俱有优点,webp如今使用已经很广泛了,包括客...

  • iOS 支持webp格式图片

    在iOS项目中使用WebP SDWebImage中支持WebP格式的,可以完成UIImage -> Webp和We...

  • 视频转 webp 动图

    视频转 webp 动图 准备工作 编译支持 webp 的 ffmpeg 库 下载 webp 源码进行编译./con...

  • WebP图片的优势

    文章摘自本家网站 捷搜索 之 什么是WebP图片?什么是 WebP 格式图片?WebP 是由谷歌(google...

  • Android创建WebP图像

    Android创建WebP图像 创建WebP图像 WebP是Google提供的有损压缩(如JPEG)以及透明度(如...

  • iOS webp格式图片支持

    webp格式图片 webp格式图片是google推出的,相比jpg png有着巨大的优势,同样质量的图片webp格...

  • iOS-webp

    SDWebImage 可以实现加载webp 需要 pod ’SDWebImage/WebP’ 关于SDWebIma...

  • windows下查看webp格式图片

    关于webp 时下webp格式日渐势起,主流浏览器(IE: ???)已经开始支持webp,诸多互联网企业(Face...

  • 在iOS项目中使用WebP格式图片

    WebP是什么? WebP(发音 weppy,来自:Google WebP),是一种支持有损压缩和无损压缩的图片文...

网友评论

      本文标题:WebP

      本文链接:https://www.haomeiwen.com/subject/tmomohtx.html