如何彻底禁止WordPress生成缩略图

  • 中文 (简体)
  • 本文将介绍如何不安装额外插件,通过几段代码禁止WordPress生成缩略图。

    如何彻底禁止WordPress生成缩略图

    文章导航

    WordPress生成的缩略图是什么

    默认情况下,当你上传图片到WordPress,WordPress会为这些图片额外生成一些其他尺寸的缩略图。

    这些额外生成的图片,你在WordPress后台看不出来,但是在网站服务器文件夹里,是能够看到的。

    比如,

    我上传了一张7817 x 5211分辨率的图片到WordPress

    7817 x 5211分辨率示例图

    WordPress默默地在后台给我们额外生成了5个其他尺寸的缩略图。有的插件或主题,还会在此基础上再生成多个其他尺寸的缩略图。

    WordPress生成的缩略图尺寸

    为什么WordPress会生成缩略图

    比如你上传了一张7817 x 5211分辨率的图片,访客在很多设备(比如手机)浏览的时候,不需要这么高的像素,那么WordPress会自动调用其他尺寸更小,像素更匹配的缩略图来显示。更小的像素尺寸意味着更小的图片大小。从而提升网站加载速度。

    为什么禁止WordPress生成缩略图

    这些缩略图的生成的本意是为了提升网页浏览体验。

    但与此同时,额外生成的图片会占用服务器的空间。除了生成缩略图,其实,我们还有很多其他替代方案,比如,图片压缩,体验反而更好。

    所以,一般我会将这个功能关闭。

    如何禁止WordPress生成缩略图

    具体设置,我们可以在 Settings – Media

    将这里的所有数据都填为0。

    WodPress中关于缩略图尺寸的相关设置

    不过这种方法有局限性,因为正如我刚刚提到的,除了WordPress本身,有些主题和插件也会额外生成其他图片尺寸。要想完全禁止,我们可以通过代码来实现。

    如何彻底禁止WordPress生成缩略图

    直接修改主题文件

    很多主题提供了在管理后台直接修改主题文件的功能。

    这里演示hello elementor主题,插入代码实现此功能的方法。

    找到Theme File Editor – Theme Functions,修改主题functions.php文件。

    在WordPress中找到主题中的Functions.php文件

    在代码的末尾添加如下代码:

    如果你还安装有woocommerce或其他插件,想禁止的更彻底,请插入以下代码:

    通过插件来实现

    修改主题文件这种方法操作需要格外小心,因为一旦出错,很可能造成严重的后果,如果你不够自信,可参考以下使用插件的方法。

    有很多插件可以提供类似的功能。

    比如推出很久的Code Snippets, WPCode,和新推出的FluentSnippets。

    这里以FluentSnippets做演示。

    搜索FluentSnippets插件并安装

    在WordPress中下载安装FluentSnippets插件

    选择Function PHP

    插入以下代码

    使用FluentSnippets添加代码段

    激活此代码

    在FluentSnippets中激活代码段

    注意事项

    • 完全禁止WordPress生成缩略图。这意味着网站服务器里将只有图片的“Full Size”一个尺寸。不管访客用什么设备访问网页,都只会调用这个尺寸的图片。所以,务必保证这个图片的尺寸足够小。推荐使用WebP格式。这个尺寸1024像素宽的图片,也基本在50KB左右。
    • 在使用PageSpeed给网站检测时,会提示“Properly size images”。意思是让我们生成多个尺寸的图片,提示体验。如果你禁止了生成缩略图,同时对图片尺寸大小进行了优化。可忽视此提示。出现此提示,意味着无法获得测评满分喔。
    使用PageSpeed给网站做检测,提示“Properly size images”相关案例

    常见问题答疑

    这取决于图片的用途,大多数情况下,宽度1024像素我认为就够了。如果是文章里的配图,尺寸可以更低,宽度768像素也可以。如果图片是用于主页轮播图,建议1600像素以上。

    常见的几种图片格式有:PNG,JPG,WebP,AVIF。

    推出时间

    PNG、JPG是20世纪90年代推出的图片标准,也是目前最传统、最主流的图片格式。WebP(2010年)、AVIF(2019年)推出比较晚,相对来说是个比较新的图片格式。

    文件大小

    相同尺寸,图片质量差不多情况下:

    通常,图片文件大小PNG>JPG>WebP>AVIF,所以现在WebP和AVIF越来越受到欢迎。

    浏览器兼容性

    PNG、JPG浏览器兼容性最好。

    WebP和AVIF都存在部分浏览器不兼容的问题。不过WebP兼容性对比AVIF要好一点。

    根据caniuse提供的监测数据,目前全球仍有2%左右的用户使用着不兼容WebP的浏览器。

    WebP图片浏览器支持率数据(caniuse)

    根据caniuse提供的监测数据,目前全球仍有5%左右的用户使用着不兼容AVIF的浏览器。

    AVIF图片浏览器支持率数据(caniuse)

    推荐方案

    比较保险的方案是,上传JPG格式的图片,同时安装能够将JPG转换成WebP或AVIF格式的插件。这样,如果浏览器兼容WebP或AVIF格式,会默认调用WebP或AVIF格式图片。如果不兼容则会调用JPG备用图片。

    如果你不在意那2~5%左右的潜在访客,那么直接上传WebP或AVIF格式就好了。

    目前(截止2024年4月),谷歌图片索引支持WebP,暂不支持AVIF。所以,如果网站只有图片的AVIF格式版本,是会影响谷歌收录的。

    总结

    本文分析了WordPress生成缩略图的目的,并介绍了通过代码来禁止WordPress生成缩略图的方法。

    the site icon of fahaiseo.com webiste

    法海

    专注

    从教育行业起步,先后涉猎多个行业,现专注于网页设计和营销推广。
    人生很短,希望能留下点有用的东西。
    fahaiseo是我在网页设计、营销推广方面的经验分享,希望能帮助到你。

    发表评论