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;
}


/**
* Filters whether the current image is displayable in the browser.
*
* @since 2.5.0
*
* @param bool $result Whether the image can be displayed. Default true.
* @param string $path Path to the image.
*/
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);

嫌改代码麻烦可以安装插件：Allow Webp image

关于WebP相关内容：

• WebP、PNG、JPEG：WordPress适合哪种图像格式？
• WordPress支持webp格式图片的代码
• .webp是什么文件？如何打开这种文件？
• 使WordPress支持Webp格式图片的教程

👋 感谢您的观看！