WebP 是谷歌开发的新型图片格式,具备比 jpg 更高的压缩率和更好的画质,能有效节省传输消耗的流量并提高页面加载速度,目前已经广泛运用在了各种站点和 app 中。

WebP 格式最大的优点就是相比 jpg 可以做到同等画质下更小的体积,目前主流浏览器,例如 Firefox/Chrome/Edge 都全部支持 WebP 图片,

关于各种浏览器对 WebP 的支持,可以查看此网站:https://caniuse.com/#search=webp

显示绿色即表示从此版本号开始支持,目前除了没救的 IE 全家和苹果 Safari,其他浏览器全部都可以支持 WebP。

不过截至目前到 WordPress 的 5.3 版本,依旧还没有添加对 WebP 格式的支持选项,开一篇文章记录一下添加支持的方法,用作备忘。

默认情况下上传 WebP 图片的话,会提示:抱歉, 由于安全原因, 这个文件类型不受支持。

实际是因为 WordPress 默认没有把 WebP 当成图片格式来看待,首先需要修改 wp 主程序目录下的 wp-includes/functions.php 文件。

搜索 gif 关键词,定位到 2770 行左右,可以看到原本有 5 个文件格式的支持,依葫芦画瓢加一行:

'image/webp' => 'webp',

然后往下到 2965 行左右,同样照着加一行 webp 的参数进去:

'webp'                         => 'image/webp',

保存退出即可。

然后在主题的 function.php 文件里,加入以下内容即可:

//webp 格式支持
function bzg_filter_mime_types( $array ) {
$array['webp'] = 'image/webp';
return $array; 
}
add_filter( 'mime_types', 'bzg_filter_mime_types', 10, 1 );
function bzg_file_is_displayable_image($result, $path) {
$info = @getimagesize( $path );
if($info['mime'] == 'image/webp') {
$result = true;
}
return $result;
}
add_filter( 'file_is_displayable_image', 'bzg_file_is_displayable_image', 10, 2 );

保存后刷新页面,此时 WordPress 就实现了对 WebP 格式图片的上传和预览支持,媒体库上传和文章里插入图片等功能也都正常了

2222

为网站添加图片 WebP 自动转换功能

最近这几天在网上闲逛时,发现了一个名叫 WebP_Server_Go 的新项目,可以无缝将网站上已有图片转换为 WebP 格式输出,同时不改变原始图片链接,看起来挺适合...

阅读全文

为华为 HUAWEI MatePad Pro 安装 GMS 服务

因为某些众所周知的原因,华为现在的各种新设备都是没有预装谷歌服务(Google Mobile Service,简称 GMS)的,本文就来以 MatePad Pro 为例子,说说如何给华...

阅读全文

关闭 Cloudflare 的 IPv6 自动解析

Cloudflare 是全球著名的网络服务提供商,最出名的业务就是免费 CDN 业务。不过这篇文章可不是来给 Cloudflare 打广告的,而是说一下如何关闭 CloudFlare 的...

阅读全文

欢迎留言