!
也想出现在这里? 联系我们
广告位

纯代码实现 WordPress 支持 WebP 格式图片上传

WordPress 默认设定环境下,是不支持 webp 格式图片上传和预览的,据说是为了安全着想。webp 图片格式是 google 推出的一种相比于 jpN - } q !g 更小体积的一种图片格式,e / J x现在 Chrome 浏览器、火狐浏览器,都已经权限支持。在去年年底的时候就连= ) ] K # K - , J edge 浏览器都已经更换成 Chrome 浏f k . ] 1 f览器的内核。换句话来说,未来!webp 图片格式将会成为所有浏览器都支持的一种小体积的图片格式。

webp 图片格式拥有相比 png 更小的体积,偶在视觉[ A D a t 8 ) k感知上,在不影响视觉表现的前提下,相比 jpg 格式要小 85%的体积,相比 png 无损压缩格式小几倍的体积。截X N (止到今v U k G i J 3 o天为止,苹果的浏览器也都已经支持 webp 格式的图片。

回到初始的话题,WordPress 如何支持上传 webp 格式的图片,以及如何在媒体中心预览 webp 格式的缩略图呢?

WordPress 默认不支持 WebP} 7 p p j z + \ 2 格式图片上传,将下面代码添加到当前主题函数模板 functioS { Ens.php 中,即可解决上传问题。

  1. /_ ) R y * K I/开启WordPress上传webp格式图片上传
  2. function mimvp_filter_mime_types( $array )` h 9 i 4 D ! I Z; {
  3. $array['webp'] = 'image/webpS ^ b V';
  4. return $array;
  5. }
  6. add_filter( 'mime_typesw % g O n - e L', 'mimvp2 % \ j W e I \_filter_mime_types', 10, 1 );
  7. //开启WordPresb . \ & z e Bs预览webp缩略图预览
  8. functi^ # ( j 5 : uon mimvpY S | K W O u $_file_is_displayable_image($result, $path) {
  9. $info = @getimagesize( $path );
  10. if($info['mime'] == 'image/webp'n M 7 ^ j 5 | 81; {
  11. $result = tru, m B } # N ^ %e;
  12. }
  13. return $result;
  14. }9 L v A \ M -
  15. add_filter( 'file_is_displayable_image', 'mimvp_file_is_displayable_image', 10, 2 &0 E F L p e = , 4#41;;

WordPress 是一种支持动图和透明图的格式,相比 jpg 格式,webp 既能够支持动态图片,Y , w c 8也能7 o } b 5 \ K够支持透明图,可以理解成是 png、g: ! Y ] ) 2 ^ qif、jpg、三种\ z ~ 0 B P Q格式的几何体,拥有三家的大多数长处的一种有损图片压缩格式。好了今天的文章分享到此结束了,希望可以帮到你。

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

WordPress全站登录可见/分类登录可见

2022-9-16 11:47:06

WordPress教程

WordPress删除父主题中指定函数功能的方法

2022-9-16 11:48:17

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索