webP编码图片基础

2024-07-04 07:49:43

一. 概念

WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器宽带资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。

WebP既支持有损压缩也支持无损压缩。相较编码JPEG文件，编码同样质量的WebP文件需要占用更多的计算资源。

二. 浏览器支持

1.前端JS方案–利用img标签加载一张base64的webP图片，在img标签的onload事件中判断图片是否具有宽高的属性，若有表示支持webP，若没有表示不支持webP。

2.后台判断方案–判断浏览器请求头Accept是否支持webP，返回是否支持的标致给前台。

3.IOS独立客户端方案–使用官方提供的开发工具，客户端先拉去webP格式的图片，下载完成后在客户端实时转码，将webP图片转换为jpg或png图片，展示给用户的是普通图片。此方法的优点在于缩小了图片体积，节省了带宽而用户实际等待时间相差不大。

4.ANDROID客户端方案–客户端判断用户系统版本，android系统版本大于4.0时，原生都支持webP格式的静态图片。动态图片需使用flash来做兼容

5.兼容方案–对于不支持webP的浏览器，也可采用flash作为载体来加载webP图片，用户下载时，可捕获事件，并返回普通的jpg或png格式文件。

webP编码图片基础相关推荐

利用 LibWebP-NET 解码与编码 WebP 格式图片
利用 LibWebP-NET 解码与编码 WebP 格式图片原文:利用 LibWebP-NET 解码与编码 WebP 格式图片 WebP 格式是谷歌开发并发展的一种最新的网络图片格式,具有压缩率高. ...
悟空活动中台 - 基于 WebP 的图片高性能加载方案
本文首发于 vivo互联网技术微信公众号链接: https://mp.weixin.qq.com/s/rSpWorfNTajtqq_pd7H-nw 作者:悟空中台研发团队一.背景移动端网页的 ...
博客系统项目：编码篇-基础篇-架构搭建
博客系统项目:编码篇-基础篇 1 背景 2 环境 2.1 环境说明 2.2 模式说明 2.2.1 MTV模式 2.2.2 MVC 3 前置工作 3.1 环境搭建 4 编码实现 4.1 项目调整 4.1 ...
在iOS上进行WebP编码是一种怎样的体验？
前言事情是这样的,出于节省流量的目的,最近在研究如何在iOS上将相机输出的JPEG编码成WebP,用于后续的图片上传.WebP由于其优势,可以达到既节省流量又能拥有不错的图像质量,所带来的好处也又很 ...
webp格式图片怎么转换成jpg？
如何将webp格式转换成jpg格式呢?当下网路上使用比较广泛的图像格式一种就是jpg,因为它基本上不具有图像格式的权限限制,可以在任意软件和平台中进行上传.查看.下载等操作,因此当大家遇到其他因格式限 ...
视频编码零基础入门（0）：零基础，史上最通俗视频编码技术入门
[来源申明]本文引用了微信公众号"鲜枣课堂"的<视频编码零基础入门>文章内容.为了更好的内容呈现,即时通讯网在引用和收录时内容有改动,转载时请注明原文来源信息,尊重原作 ...
Ubuntu 把 webp 格式图片转换成 jpeg/png 格式
据统计,目前互联网上传输的数据有65%都是图片,为了减少数据量.加速网络传输.谷歌(google)于2010年推出的新一代图片格式 -- WebP 格式. WebP 格式是一种旨在加快图片加载速度的图 ...
WebP格式介绍（附python版本代码用于对图像进行WebP编码和解码）
不管是 PC 还是移动端,图片一直是流量大头,如何保证在图片的精细度不降低的前提下缩小图片体积,成为了一个有价值且值得探索的事情.但如今对于 JPEG.PNG 和 GIF 这些图片格式的优化几乎已经达 ...
图片基础与tf.keras介绍
图片基础与tf.keras介绍 1.1 图像基本知识回忆:之前在特征抽取中如何将文本处理成数值. 思考:如何将图片文件转换成机器学习算法能够处理的数据? 我们经常接触到的图片有两种,一种是黑白图片( ...

最新文章

热门文章