WordPress网站免插件实现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 ); 
function webp_upload_mimes($existing_mimes) {
$existing_mimes['webp'] = 'image/webp'; 
return $existing_mimes; 
} 
add_filter('mime_types', 'webp_upload_mimes');

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

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

function file_is_displayable_image( $path ) { 
$displayable_image_types = array( IMAGETYPE_GIF, IMAGETYPE_JPEG, IMAGETYPE_PNG, IMAGETYPE_BMP, IMAGETYPE_ICO ); 
$info = @getimagesize( $path ); 
if ( empty( $info ) ) 
{ $result = false; 
} elseif ( ! in_array( $info[2], $displayable_image_types, true ) ) { 
$result = false; 
} else { 
$result = true; 
}
 return apply_filters( 'file_is_displayable_image', $result, $path ); 
}

解决办法是在主题的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 );
function webp_is_displayable($result, $path) {
if ($result === false) {
$displayable_image_types = array( IMAGETYPE_WEBP );
$info = @getimagesize( $path );
if (empty($info)) {
$result = false;
} elseif (!in_array($info[2], $displayable_image_types)) {
$result = false;
} else {
$result = true;
} 
}
return $result; 
}
add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);

文本中的插图就是webp图片，虽然目前七牛、又拍云、阿里云oss、腾讯云cos等都支持WebP，不过发现苹果设备并不支持webp图片，包括IOS版的微信，这也可能是WordPress一直不支持webp图片的原因吧。