让 WordPress 支持 WebP格式图片

知更鸟
知更鸟
知更鸟
1607
文章
6920
评论
2020年10月21日21:53:15 8 443

让 WordPress 支持 WebP格式图片

让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);

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

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

代码源自:

https://mariushosting.com/how-to-upload-webp-files-on-wordpress/

https://www.beizigen.com/2205.html

weinxin
版权声明
本站原创文章转载请注明文章出处
修改WordPress已添加的自定义栏目显示数量 WordPress

修改WordPress已添加的自定义栏目显示数量

有时我们会在添加自定义栏目面板中选择已添加的自定义栏目名称,但WordPress默认只显示按字母排序的前30个自定义栏目名称,超出的不显示,当添加的的自定义栏目较多时,在选择下框中会找不到想添加的自定...
禁止WordPress评论存储IP地址 WordPress

禁止WordPress评论存储IP地址

禁止 WordPress 评论存储IP地址 默认WordPress 会在后台存储评论者的IP地址,主要是用于反垃圾评论,比如Akismet之类的插件,会通过IP判断垃圾评论。但IP属于个人隐私,不存储...
分割WordPress导出的XML文件 WordPress

分割WordPress导出的XML文件

用WordPress自带数据备份工具,可以导出xml格式的数据文件,如果导出的XML文件很大,受上传文件大小限制,无法导入时,可以用切割XML工具,将较大的xml文件分割成不同大小的文件,再分别导入。...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:8   其中:访客  5   博主  3
    • 夜未央 夜未央 2

      IE也不支持,插件和有些CDN能自动判断浏览器,返回不同格式的图片,但这样在上传时就需要自动将图片存成不同的格式。不懂技术,不知道这样的自动判断是否影响加载速度,感觉现在的CDN速度已经不是问题,所以一张图片大几十K对速度来说影响不大,除非是图很多的页面。

        • 知更鸟 知更鸟

          @ 夜未央 微软都使用 Chromium 内核了,还哪有IE
          不是为了速度,是为了少占空间,当你有一万张图片,优势就明显了

        • 凤凰单丛 凤凰单丛 0

          使用webp对苹果用户相当不友好,发现苹果版的微信打开网站,也是不显示图片的。

          • wang wang 0

            wp5.51,该修改办法对版本无效。

              • 知更鸟 知更鸟

                @ wang 这个和WP版本无关
                文章修改了,可以尝试安装文章中推荐的插件试试

              • 白杨博客 白杨博客 1

                知更鸟主题自带这个功能吧?