图片格式WebP在微信中的尝试

为什么80%的码农都做不了架构师？>>>

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

但WebP是一种有损压缩。相较编码JPEG文件，编码同样质量的WebP文件需要占用更多的计算资源。

--百度百科

图片格式的选择

笔者在做H5制作平台，90%以上的流量来自于微信，日PV1亿-2.5亿之间，H5动画有大量JPG/ PNG/GIF图片，如果能将图片进行压缩，将节省很大一部分CDN费用。

笔者的图片资源主要集中在JPEG，PNG， GIF。经过测试，部分Android版本微信版本已经开始支持WebP,难道X5内核是基于Chrome？而IOS版本微信不支持WebP。85%的流量来自于Android 微信。节省图片流量大有可行！！！

经过研究发现微信公众号文章的图片也是自动转为webp格式，看来图片流量也是微信的大头。

兼容性网站可以参考： https://caniuse.com/#search=webp

判断浏览器是否支持WebP有以下方法

通过User-Agent来判断UA是否包含Chrome特定版本（Chrome 23开始支持WebP），来判断是否支持WebP，不严谨。
基于Http内容协商机制判断，可以判断request header的Accept字段是否包含ima

图片格式WebP在微信中的尝试相关推荐

【Android 安装包优化】WebP 图片格式兼容与性能 ( Android 中的 WebP 图片格式兼容问题 | Android 中的 WebP 图片格式性能 )
文章目录一.Android 中的 WebP 图片格式兼容问题二.Android 中的 WebP 图片格式性能三.参考资料一.Android 中的 WebP 图片格式兼容问题在 Android ...
图片优化之下一代图片格式WebP和AVIF
点击上方"LiveVideoStack"关注我们本文最初由 Karanjeet Singh 在 Adobe Tech Blog上发表.已获作者授权翻译和发布. 原文网址: htt ...
[转]图片格式WEBP全面解析
前言不管是 PC 还是移动端,图片一直是流量大头,以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求,如何保证在图片的精细度不降低的前提下缩小图片体积,成为了一个有价值 ...
浓缩的精华！从零开始带你认识最新的图片格式WEBP
编者按:相信走在前列的设计师已经知道了WebP这种图片格式,比起JPEG.PNG 和 GIF ,它能在保证图片精细度的同时缩小图片体积,在 Google 的明星产品如 Youtube.Gmail.Go ...
php九宫格图片合成,php实现微信中的图片合并-九宫格图片
$pic_path ) { $kk = $k + 1; if ( in_array($kk, $lineArr) ) { $start_x = $line_x; $start_y = $start_y ...
java将字体输出成图片格式_JAVA IO流中，能否将一个字符串以图片的格式输出出来呢，即字符串显示在图片上...
展开全部执行成功后会在D盘根目录生成32313133353236313431303231363533e59b9ee7ad9431333332616433一张名为image的jpg格式的图片,图片上以 ...
【Android 安装包优化】WebP 图片格式性能测试 ( 测试 WebP 图片解码速度 | 测试 WebP 图片编码速度 )
文章目录一.测试 WebP 图片解码速度二.测试 WebP 图片编码速度三.参考资料测试结果 : WebP 格式图片 , 解码快 , 编码慢 , 占用空间小 ; 在解码速度上 , WebP 格 ...
android图片格式
* android图片格式 * 目前移动端Android平台原生支持的图片格式主要有:JPEG.PNG.GIF.BMP和WebP(自从android4.0开始支持),但是在Android应用开发中能够 ...
图片格式怎么转换？这两招帮你快速修改图片格式
图片格式怎么转换?图片在我们平时的工作生活当中是非常常见的,一张小小的图片却并不简单,常见的格式就有jpg.png.webp.bmp.icon等,不同的情况下需要使用不同格式的图片,例如jpg是最广泛 ...
微信删除的图片怎么恢复？微信照片过期或已被清理如何还原
小编是个不喜欢清理微信聊天记录里的照片.文档.视频等各种东西的人,但是有一次不知道是因为什么,一股脑就将好几个人的聊天记录中的文件.照片.视频通通清理并删除掉了,后面想找回来,才知道自己当时太冲动了, ...

图片格式WebP在微信中的尝试

图片格式的选择

图片格式WebP在微信中的尝试相关推荐

最新文章

热门文章