让 WordPress 支持 WebP 格式图片

WordPress 默认不支持 WebP 格式图片上传,但是使用webp可以加速网站的速度。提升页面的品质。这篇文章告诉你如何使用wordpress插件以及不实用插件让网站支持webp

主题文件支持webp

WordPress 默认不支持 WebP 格式图片上传，将下面代码添加到当前主题函数模板 functions.php 中，即可解决上传问题。

function webp_filter_mime_types( $array ) {
	$array['webp'] = 'image/webp';
	return $array;
}
add_filter( 'mime_types', 'webp_filter_mime_types', 10, 1 );

虽然已经可以上传 WebP 格式的图片了，但在媒体列表中看不到缩略图，这是因为 WordPress 在用 wp_generate_attachment_metadata() 函数生成图片数据时，使用了 file_is_displayable_image() 函数判断文件是否为图片，判断 WebP 图片的结果为否，因此中断了保存图片数据的操作。

该函数位于：wp-admin/includes/image.php

解决办法是在主题的 functions.php 里添加以下代码：

function webp_file_is_displayable_image($result, $path) {
	$info = @getimagesize( $path );
	if($info['mime'] == 'image/webp') {
		$result = true;
	}
	return $result;
}
add_filter( 'file_is_displayable_image', 'webp_file_is_displayable_image', 10, 2 );

文本中的插图就是 webp 图片，以目前的网络速度使用 webp 图片并不完全为了加载快，而是当图片很多时 webp 图片优势就明显了，可以减少三分一以上的空间占用。虽然目前七牛、又拍云、阿里云 oss、腾讯云 cos 等都支持 WebP，可惜之前苹果设备不支持 webp 图片，这也可能是 WordPress 一直不支持 webp 图片的原因吧。

不过新版 Safari 和微信已支持 webp 图片，是个好消息。

使用插件支持webp

由于使用主题文件修改，经常可能会要更新主题。每次都需要改functions.php很麻烦因此也可以使用插件支持webp

Allow Webp image