让WordPress 用上又拍云或七牛Webp 图片格式

文章目录

说下 Webp 图片格式是什么?Webp 图片格式是谷歌开发的一种支持有损压缩和无损压缩的图片文件格式,图片一直都是流量大户,一些大网站的流量的百分之五十以上的流量都耗费在图片上,但图片是做网站不可缺少的,所以我们需要想办法压缩自己的网站图片,如果你的网站图片换后 WebP 后体积大幅减少,图片质量也得到保障,反正你在肉眼上是看不出来的,其实你仔细看的话,你会发现谷歌的产品已经用上了 Webp 图片格式,国内的淘宝也开始使用 Webp 图片格式了,所以说这是一个趋势,先用上吧。

这里是 Webp 图片格式带来的好处,能节省很多的流量。

再来看看科技媒体的报道:

科技博客 GigaOM 曾报道:YouTube 的视频略缩图采用 WebP 格式后,网页加载速度提升了 10%;谷歌的 Chrome 网上应用商店采用 WebP 格式图片后,每天可以节省几 TB 的带宽,页面平均加载时间大约减少 1/3;Google+ 移动应用采用 WebP 图片格式后,每天节省了 50TB 数据存储空间。

怎么让你的WordPress直接用上 Webp 图片格式

打开 wordpress 根目录下的 wp-includes/functions.php

搜索'image/gif',在下一行加入 'webp' => 'image/webp',但还是不推荐大家这样做,现在Webp 图片格式的普及率不是很高,有很多人如果使用不兼容 Webp 图片格式的浏览器的话,你的图片就无法访问了,还是等一段时间,等到WordPress支持Webp 图片格式上传的时候,才是真正的使用时候。

让 WordPress 用上又拍云或七牛 Webp 图片格式

把下面的代码放入functions.php中。

  1. function fa_converse_webp($matches) {  
  2.     return $matches[1] . $matches['2'] . '!/format/webp';  
  3.     // 七牛把!/format/webp替换为下面的字段  
  4.     //?imageView2/0/format/webp  
  5. }  
  6.   
  7. function fa_converse_webp_filter($content){  
  8.     global $post;  
  9.     $content = preg_replace_callback("/(<img[^>]*src *= *[\"']?)([^\"']*)/i", 'fa_converse_webp' , $content);  
  10.     return $content;  
  11. }  
  12.   
  13. function fa_is_support_webp(){  
  14.     return strstr($_SERVER['HTTP_ACCEPT'],'image/webp');  
  15. }  
  16.   
  17. if ( fa_is_support_webp() ) add_filter('the_content','fa_converse_webp_filter');  

代码来自:https://fatesinger.com/79039

这一段代码的好处就是看看浏览器是否支持 Webp 图片格式,如果支持的话就呈现 Webp 图片格式,如果不是的话就不呈现。

总结:

还是不太推荐现在使用,好像现在不管是七牛云还是又拍云在这方面虽然支持,但还是在测试的阶段,会出现图片挂掉的现象,如果你的网站的访客几乎是Chrome谷歌浏览器的话,而且你是一个新颖技术的喜爱者,可以考虑一下在自己的网站上使用 Webp 图片格式,这样你的网站的流量能节省,速度也能加快,对用户和搜索引擎来说都是一个很好的体验。

还有这些可能你也想看看:

发表评论