让WordPress支持WebP格式图片 – WordPress教程

王小优
王小优
王小优
231
文章
0
评论
2015年9月5日 评论 3,992 2287字阅读7分37秒

让WordPress支持WebP格式图片 – WordPress教程

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

  1. function webp_filter_mime_types( $array ) {  
  2.     $array['webp'] = 'image/webp';  
  3.     return $array;  
  4. }  
  5. add_filter( 'mime_types', 'webp_filter_mime_types', 10, 1 );  
  1. function webp_upload_mimes($existing_mimes) {  
  2.     $existing_mimes['webp'] = 'image/webp';  
  3.     return $existing_mimes;  
  4. }  
  5. add_filter('mime_types', 'webp_upload_mimes');  

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

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

  1. function file_is_displayable_image( $path ) {  
  2.     $displayable_image_types = array( IMAGETYPE_GIF, IMAGETYPE_JPEG, IMAGETYPE_PNG, IMAGETYPE_BMP, IMAGETYPE_ICO );  
  3.    
  4.     $info = @getimagesize$path );  
  5.     if ( emptyempty$info ) ) {  
  6.         $result = false;  
  7.     } elseif ( ! in_array( $info[2], $displayable_image_types, true ) ) {  
  8.         $result = false;  
  9.     } else {  
  10.         $result = true;  
  11.     }  
  12.    
  13.     /** 
  14.      * Filters whether the current image is displayable in the browser. 
  15.      * 
  16.      * @since 2.5.0 
  17.      * 
  18.      * @param bool   $result Whether the image can be displayed. Default true. 
  19.      * @param string $path   Path to the image. 
  20.      */  
  21.     return apply_filters( 'file_is_displayable_image', $result$path );  
  22. }  

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

  1. function webp_file_is_displayable_image($result$path) {  
  2.     $info = @getimagesize$path );  
  3.     if($info['mime'] == 'image/webp') {  
  4.         $result = true;  
  5.     }  
  6.     return $result;  
  7. }  
  8. add_filter( 'file_is_displayable_image', 'webp_file_is_displayable_image', 10, 2 );  
  1. function webp_is_displayable($result$path) {  
  2.     if ($result === false) {  
  3.         $displayable_image_types = array( IMAGETYPE_WEBP );  
  4.         $info = @getimagesize$path );  
  5.         if (emptyempty($info)) {  
  6.             $result = false;  
  7.         } elseif (!in_array($info[2], $displayable_image_types)) {  
  8.             $result = false;  
  9.         } else {  
  10.             $result = true;  
  11.         }  
  12.     }  
  13.     return $result;  
  14. }  
  15. add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);  

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

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

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微博
  • 微博扫一扫
  • weinxin
王小优
匿名

发表评论

匿名网友 填写信息

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