WebP 是图片格式的发展趋势！

WebP格式是谷歌开发的一种旨在加快图片加载速度的图片格式，体积大概为jpg格式的2/3。但是实际使用中，一般人的图片并不是压缩过的，所以实际体积大约只有原图的三分之一甚至更少。png图片可以在保持肉眼无法分辨图片质量损失的情况下，压缩成50分之一的文件大小！如果一篇文章有多张图片，这速度提升的就不是一点半点了。

放张图你们感受一下，原图P站id=61841274，大小2.3MB，转换成WebP格式之后只有460KB，而且放大100%不仔细看还看不出画质被压缩了，惊呆了！

又拍云WebP图片转换DEMO：https://www.upyun.com/webp.html

那么问题来了，我们手头并没有webp 格式的图片，就算有还有不支持的浏览器，这我们也得考虑。幸运的是主流图片云储存都提供了输入格式的选择，webp 也包含在其中，只要你使用了此类云存储，那么都可以输出webp 格式了，我们剩下要做的就是判断何时输出Webp 格式。

简单的方法，可以根据HTTP 头中的accept 是否包含image/webp来判断浏览器是否支持webp 格式。

下面的代码直接加到wp-includes/functions.php中即可：

function fa_converse_webp($matches) {
    return $matches[1] . $matches['2'] . '!/format/webp';
    // 七牛把!/format/webp替换为下面的字段
    //?imageView2/2/format/webp
}
 
function fa_converse_webp_filter($content){
    global $post;
    $content = preg_replace_callback("/(<img[^>]*src *= *[\"']?)([^\"']*)/i", 'fa_converse_webp' , $content);
    return $content;
}
 
function fa_is_support_webp(){
    return strstr($_SERVER['HTTP_ACCEPT'],'image/webp');
}
 
if ( fa_is_support_webp() ) add_filter('the_content','fa_converse_webp_filter');

默认代码支持的是又拍云，如果你使用的是七牛则将

!/format/webp

替换为

?imageView2/2/format/webp

转载自：情醉中国风