GG资源网

WordPress建站教程:使用Imagify插件压缩图片,给网站加速

大家好,这里是关于[wordpress支持webp格式图片并在媒体库可预览图片代码],[Wordpress建站教程:使用Imagify插件压缩图片,给网站加速]问题的解答,希望对您有所帮助。如果你还想了解更多这方面的信息,请关注本站其他相关内容,共同学习吧!

wordpress支持webp格式图片并在媒体库可预览图片代码

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建站教程:使用Imagify插件压缩图片,给网站加速

作者:悦然wordpress建站(悦然建站)

(此处已添加小程序,请到今日头条客户端查看)

继续分享wordpress建站教程。昨天悦然wordpress建站给大家分享过我的网站加速优化过程,其中使用到了WP ROCKET插件,其实这款插件还有一个推荐的配套插件imagify,这是一个图像压缩和图像转换插件,可以把网站图片自动转换成WEBP格式,缩减图片大小,起来网站加速的作用。接下来悦然建站就给大家简单分享imagify插件的使用教程。

步骤一:安装Imagify插件

​imagify插件可以免费使用,直接在wordpress建站后台的插件中心搜索下载即可。

​imagify插件主要是通过API来处理图片了,所以它需要调用imagify官方接口,自然免费的额度就有限制了,如上图所示,免费版每月可以压缩20M图片,这对普通的网站来说其实完全够用了,如果你的图片很多,每天更新的也比较多,那就可以购买付费套餐,按需选择即可。

注册Imagify帐号获取API

首选打开上面的链接注册imagify帐号,需要使用邮箱注册,有时QQ邮件会注册不了,所以建议用企业邮箱或GMAIL。

获取API

注册成功后在登陆页面可以找到API获取的入口,或者是直接打开上面的链接也可以。

​如上图所示,我们把API的TOKEN值复制下来。

步骤三:配置Imagify插件

接下来我们开始配置imagify插件,打开wordpress建站后台,打开【设置】-【imagify】

​第一次打开imagify会提示输入API KEY,这里把上一步复制的信息粘贴进来,然后保存即可。

​接下来就可以看到imagify设置页面,如上图所示,一般我们选中间的【AGGRESSIVE】有损压缩,虽然有损,但并不是很影响清晰度,然后下面的【Auto-Optimize images on upload】一定要勾选,这样插件会在上传图片时自动压缩,【Backup original images】也可勾选,勾选后保留原图,不勾选也无所谓。

​然后是WEBP转换选项,一般就按它默认推荐的设置就可以了,如上图所示,以上所有配置完成后记得保存,到这里插件的基础配置就完成了。

步骤四:批量压缩现有图片

​如果你的网站已经上传了不少图片,那么可以进入【媒体Media】-【Bulk Optimization】,这里可以对所有图片批量压缩,不过免费帐户只有20M的额度,可能不够的,所以你也可以不管以前的图片。或者是直接付费。

总结

imagify这款图像压缩插件确实非常好的,除了免费额度小,其它也没什么好挑剔的了,如果你的wordpress站点需要压缩图片,那么不妨试试。

由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » WordPress建站教程:使用Imagify插件压缩图片,给网站加速

发表回复

CAPTCHAis initialing...