WebP格式:技术、Pros和Cons

WebP格式

WebP文件格式是什么

WebP现代图像格式由Google开发, 目的是帮助网站传递媒体内容而不减慢网站

开源格式WebP设计为高级替代像JPEG巴布亚新几内亚GIF系统.创新方法侧重于制作小质量图像,使Web快速化WebP无损图像比PNG小26%,

谷歌研究显示,WebP无损压缩图像比可比PNG小26%,比JPEG质量指数小25-34%无损WebP图像也支持透明性,

WebP也有损压缩选项WebP损压缩结果比可比PNG小3倍

文章中:

WebP图像技术

webP容器

WebP图像存储容器格式基于资源交换文件格式RIFF容器重量极轻,顶部只有20字节(同时有可能添加更多元数据)。RIFF容器侧长达16 383像素支持图像

WebP通过各种网络浏览器得到广泛支持,包括Chrome、Safari、Opera、微软边缘和Firefox贝斯特2200娱乐广博浏览器支持帮助无缝整合WebP图像跨平台必须指出一些老浏览器版本和互联网探索者可能不支持WebP

WebP容器除基本使用案例外,还支持Exif或XMP格式元数据、透明性并使用国际色联标准

WebP损压缩算法

webP损耗压缩基础为VP8视频编解码开发框架内编码,Google原开发开源使用块化变换法 八位色深度

WebP压缩使用块预测概念图像中每个块预测基于上方三块和左方一块预测以四种模式之一发生:横向、垂直、单色(DC)和Tuemotion可精确预测块不按格式存储

当块无法精确预测算法时,用两种变换技术之一压缩块

变换后内容会输入编码 免损压缩机制

WebP无损压缩

WebP无损压缩法是谷歌工程师Jyrki Alakuijala开发的更新算法使用数种压缩技术

  • 传统技巧包括索引颜色、Huffman编码和词典编码
  • 高级技术包括每个色通道专用英密码和最近颜色的色缓存

元前

转换器软件

Google为WebP提供命令-线转换器Linux运行,即cwebp和解码库,与WebM格式共享贝斯特2200娱乐开源转换器现在Windows和其他平台可用

WebPPros和Cons

WebP格式Pros包括:

  • 提高网站性能WebP格式比JPEG和PNG轻,因此带WebP图像的页面会更快加载用户
  • 保存带宽WEBP免费带宽并允许网站提供更丰富的媒体经验
  • 改进搜索引擎优化Google核心WebViews建议的一部分,明确推荐使用WebP等现代图像格式
  • 高图像质量WebP无需牺牲图像质量加速加载
  • 支持附加图像特征WebP支持透明化动画

WebP格式控件包括:

  • 主要是为互联网设计,对离线查看图像帮助较少
  • 12-17边缘和Firefox2-64等老浏览器不支持WebP兼容表)
  • 在某些情况下WebP压缩可略微降低图像质量高清晰度图像工作时,这一点很重要,必须高忠诚度显示图像

WebP替代

WebP vs巴布亚新几内亚

PNG使用广度图像格式WebP支持透明性,这是Web设计的一个重要元素透明化允许你构造图像 免相冲突 并维护一致性设计框架

WebP比PNG关键优点如下:

  • WebP提供23%小文件大小比PNG图像质量相同
  • WebP支持动画,而PNG不支持动画

PNG比WebP的主要优势是它得到所有浏览器支持

WebP vsJPEG

JPEG格式互联网上广泛使用,1992年发布使用损压缩算法,允许用户定义压缩级别百分比,求取质量和文件大小平衡

WebP优于JPEG

  • WebP提供文件尺寸25-35%小JPEG相同质量水平,由结构相似性索引测量
  • WebP支持动画,JPEG不支持动画

和PNG一样,JPEG的主要长处是它得到浏览器和装置的更广泛支持

相关内容:阅读指南JPEG优化

WebP vsAVIF

AVIF表示AV1图像文件格式,开源格式存储动画静止图像2019年由AOMedia发布,AVIF图像版AV1视频格式AV1编解码并有图像尺寸限制-AVIF默认限值8K(7 680x4 320像素)。用户使用单编码瓦片仍然可以超出它

WebP图像解析硬值为16,383x16,383像素-比预设AVIF约束值大同时没有AVIF替代值JPEG2000或PNG两者均无格式比较,PNG限值达5000兆像素WebP比AVIF多浏览器支持

WebP格式打算提供质量更高的图像,文件大小与JPEG相似AVIF提供更高压缩值同时保留图像质量(含损无损压缩值)。WebP压缩可产生阻塞和色带等副作用

浏览者敏感WebP云转换

贝斯特2200娱乐WebP的主要挑战在于它不支持所有浏览器和平台网站提供WebP图像并获取图像小化提高性能的好处时,你需要:

  1. 将现有图像转换为WebP
  2. 存储原版和WebP版
  3. 网站执行代码显示WebP版本支持浏览器和回退,如PNG或JPG面向其他浏览器

云化能帮助不费力实现此目标 单行代码下图方式 :

  1. 签名免费云式账号
  2. 上传现有图像云存储器SDKs)
  3. 使用像这样的特殊 URL将图像添加到网站
    https://res.www.aaaalireno.com/demo/image/upload/w_300,f_auto/nice_beach.jpg
  4. f_auto参数工作魔术-即使原文件为JPG,在支持浏览器上云化自动转换文件WebP

就是这样简单一步,你就可以将所有图像转换为WEP支持浏览器,同时继续为非支持浏览器提供传统格式服务

云化比格式转换多得多-多了解我们媒体经验云.

Baidu
map