Products
GG网络技术分享 2025-03-18 16:14 0
大家好,这里是关于[wordpress支持webp格式图片并在媒体库可预览图片代码],[Wordpress建站教程:使用Imagify插件压缩图片,给网站加速]问题的解答,希望对您有所帮助。如果你还想了解更多这方面的信息,请关注本站其他相关内容,共同学习吧!
2020年3月18日教程大全webp,webp图片,WordPress教程
wordpress支持webp格式图片并在媒体库可预览图片代码
webp格式图片的优势就不多说了,主要就是图片清晰度高,体积小。
有个缺点需要注意下,webp兼容性不太好,在老版本的浏览器上可能无法显示。目前主流浏览器基本都是支持的。
这里介绍个webp图片赚个工具,可以将普通图片转换为webp格式。
图片压缩处理工具推荐(可生成webp图片)–腾讯智图
这个有网页和客户端工具,可以批量转换
本站测试wordpress 4.9.8和5.3.2版本使用下面代码都没有问题
下面是webp图片支持代码
//下方一段为webp格式图片支持代码
function bzg_filter_mime_types( $array ) {
$array[\'webp\'] = \'image/webp\';
return $array;
}
add_filter( \'mime_types\', \'bzg_filter_mime_types\', 10, 1 );
//下方为webp格式图片在媒体库预览图像支持代码
function bzg_file_is_displayable_image($result, $path) {
$info = @getimagesize( $path );
if($info[\'mime\'] == \'image/webp\') {
$result = true;
}
return $result;
}
add_filter( \'file_is_displayable_image\', \'bzg_file_is_displayable_image\', 10, 2 );
//下方为取消 WordPress 环境检查 webp
add_filter(\'plupload_default_settings\', function($defaults) {
$defaults[\'webp_upload_error\'] = false;
return $defaults;
}, 10, 1);
add_filter(\'plupload_init\', function($plupload_init) {
$plupload_init[\'webp_upload_error\'] = false;
return $plupload_init;
}, 10, 1);复制代码放到你正在使用主题里面的functions.php文件底部即可
作者:悦然wordpress建站(悦然建站)
(此处已添加小程序,请到今日头条客户端查看)继续分享wordpress建站教程。昨天悦然wordpress建站给大家分享过我的网站加速优化过程,其中使用到了WP ROCKET插件,其实这款插件还有一个推荐的配套插件imagify,这是一个图像压缩和图像转换插件,可以把网站图片自动转换成WEBP格式,缩减图片大小,起来网站加速的作用。接下来悦然建站就给大家简单分享imagify插件的使用教程。
imagify插件可以免费使用,直接在wordpress建站后台的插件中心搜索下载即可。
imagify插件主要是通过API来处理图片了,所以它需要调用imagify官方接口,自然免费的额度就有限制了,如上图所示,免费版每月可以压缩20M图片,这对普通的网站来说其实完全够用了,如果你的图片很多,每天更新的也比较多,那就可以购买付费套餐,按需选择即可。
首选打开上面的链接注册imagify帐号,需要使用邮箱注册,有时QQ邮件会注册不了,所以建议用企业邮箱或GMAIL。
注册成功后在登陆页面可以找到API获取的入口,或者是直接打开上面的链接也可以。
如上图所示,我们把API的TOKEN值复制下来。
接下来我们开始配置imagify插件,打开wordpress建站后台,打开【设置】-【imagify】
第一次打开imagify会提示输入API KEY,这里把上一步复制的信息粘贴进来,然后保存即可。
接下来就可以看到imagify设置页面,如上图所示,一般我们选中间的【AGGRESSIVE】有损压缩,虽然有损,但并不是很影响清晰度,然后下面的【Auto-Optimize images on upload】一定要勾选,这样插件会在上传图片时自动压缩,【Backup original images】也可勾选,勾选后保留原图,不勾选也无所谓。
然后是WEBP转换选项,一般就按它默认推荐的设置就可以了,如上图所示,以上所有配置完成后记得保存,到这里插件的基础配置就完成了。
如果你的网站已经上传了不少图片,那么可以进入【媒体Media】-【Bulk Optimization】,这里可以对所有图片批量压缩,不过免费帐户只有20M的额度,可能不够的,所以你也可以不管以前的图片。或者是直接付费。
imagify这款图像压缩插件确实非常好的,除了免费额度小,其它也没什么好挑剔的了,如果你的wordpress站点需要压缩图片,那么不妨试试。
Demand feedback