刚建站的时候,由于服务器是低配的,结果网站刚上线没多久,打开前端就出现图片加载缓慢,开始以为是被攻击还是服务器买的太烂,还是网站的代码问题。
折腾了一圈,后来才发现是图片都太大了,打开媒体库一看,每张图都是3~5M左右,甚至有的更大。我的服务器带宽是5M的传输速度应该是500kb吧,粗略一算3M应该要6秒?这还是一个人的,就是很恐怖了。
![图片[1]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程](https://kekedb.com/wp-content/uploads/2026/09/20260902203842612-image.png)
何况网站不可能只有一张图,是一堆图。这就显得初建站上图片不优化就是毁灭级的打击了。
之前看过许多小站不是很少有图,就是把图有损压缩到了极致,基本是很糊的,但这样又很影响体验。
起初在wp的官方搜索里也有可用的,但是有些限制,并且还是付费订阅的,免费会有许多的功能上的限制。后来也是主题还是版本更新的问题,插件跟我的站点有许多bug问题。近期更的也不多,一直在用在线压缩的tinify来处理图片,这样就比较麻烦,每次都要打开网站去上传再下载。这个站点的免费在线跟wp的插件一样限制5M以内的图片,我比较怀疑是不是一个人做的,还是都有这个5M的共识
![图片[2]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程](https://kekedb.com/wp-content/uploads/2026/09/20260902203852150-20260902203851139-image-1024x591-1.png)
终于忍不住的我开始做了一款wp的图片压缩+转换webp格式的插件来帮助我们缩小图片的大小问题。
我采用的策略就是先按照tinify的思路去压缩一下图片,这样几兆的图就会变成几百kb,再通过转换webp格式尽量变成100kb或者几十kb。这样得到的图片就可以很小并且不会损害查看图片的太多体验。
于是我得萝卜WebP大师由此诞生,也是我这个小白萝卜的第一款开源形式发布的插件,表示很欣喜~目前0Star 0fork
![图片[3]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程](https://kekedb.com/wp-content/uploads/2026/09/20260902203920697-20260902203918240-image-1024x933-1.png)
安装好后的插件界面如下,虽然初版写起来还是蛮快的,但是后续UI和各种细节的优化也是改了几十版,插件也从19KB涨到了209KB
![图片[4]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程](https://kekedb.com/wp-content/uploads/2026/09/20260902203926470-20260902203924289-image-828x1024-1.png)
核心配置上有三个功能,第一个是为了国际化添加了英文版本的语言(虽然可能用处不大,但有备无患了),二是开关功能,三是是否上传后自动瘦身的功能。
![图片[5]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程](https://kekedb.com/wp-content/uploads/2026/09/20260902203935742-20260902203934775-image-1024x278-1.png)
瘦身也做了安全保障,上传的时候开启原图自身优化的开关,这时候会覆盖原来的大图,如果你想要保留的话可以开启原始母本备份,专门给想要保留原图的小伙伴。最后一个就是压缩的质量了。这个推荐是82~85,越高是压缩的越小,100的话就是无变化,50以下图片可能就不是很清晰了。
![图片[6]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程](https://kekedb.com/wp-content/uploads/2026/09/20260902203940690-image.png)
最后一块是WebP二次终极优化质量,把图做到观感好的情况下极致小的设置了,这个推荐是75~82了。原理同上。
![图片[7]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程](https://kekedb.com/wp-content/uploads/2026/09/20260902203945976-image.png)
图片不优化,网站会有多吃亏?
- 用久了服务器的磁盘很容易干满,动辄就是即使GB,到时候总是扩容可能比服务器都贵了。
- 带宽如果不限量还好,限量的话流量一大起来直接被吃干抹净了。
- LCP评分飙红
总体都是用户体验会很不好,LCP评分飙红是你的网站加载很慢,搜索引擎的分数也是很不友好。
这里我测试一张1.8M的图片,原图在82%的压缩下会降到400多KB再变成webp就会在缩小一倍变成200KB,这样在速度上是大大的降低了。
![图片[8]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程](https://kekedb.com/wp-content/uploads/2026/09/20260902203952882-image.png)
项目名称为:radish-webp-optimizer,我在Gitee和Github都进行了代码开源,Gitee上可能有时候版本可能会慢一点,因为需要手动同步,当然我也在wordpress的官方插件库上传了,在进行审核,还有就是版本比较老,提交那个版本时候我觉得效果还行,自己使用后又优化了几十版的小细节,等通过了我再去上传更新的版本去审核吧。
安装也是非常的简单。直接在后台上传ZIP包就能用了,环境要求是WordPress5.6+和PHP7.2+.
如果你也在被图片太大,太慢感到困扰,还不想花米去解决,不妨试试我得这个插件吧。对于跟我类似的小站长来说,这种钱能省则省了。






















暂无评论内容