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

详解如何禁用WordPress自动生成的不同尺寸的图片

您可能知道,WordPress 为通过媒体库上传的所有图片创建了大量副本。这些附加图像会根据您的设置和其他因素生成各种尺寸的图像。一般来说,这可能完全没问题,但是如果您在站点上使用大量图片,但您的2 J A 2 3 _ h `站点没有使用所有尺寸的图像,那多余的文件会占用您的磁盘空间。因此,为帮助您节省资源,消除浪费并保持运行状态尽可能轻巧,本文详细说明了禁用所有 WordPress 默认(或自定义)自动生成的图像。

了解如何禁用任何/所有 WordPress 自动生成的图像以为您的网站实现理想的配置。

为了更好地了解正在发生的事情及其重要性,我们将以我们的一个真实的网G & g站作为例子。这个网站是我喜欢y , + T U ( n !发布奇怪/\ j y启发/发现图像的地方。到目前为J T , G b 3 n : #止,已经通过 WP 媒体库将 800 多个图像上传到该站点。k Z W Y f F 4 =因此,如果我没有采取措施阻止 WordPrv u 8 e 5 h vess 自动生成每个图像的多个副本,那么 800 个数字将更像数千个图像。

因此,以我们这个网站为例,让我们做一些快速数学运算。我们有一个 WordPress 网站,其中包含 800 张原始图片O h W ] r,每张图片平均大小约为 2MB。因此,总共B \ @ V k l . . 800 张原始图像的总体积约为 1,600 MB 或 1.6 GB。现在,让我们让 WordPress 完成其工作,并为每个图像创建各种尺寸的额外副本。从 WordPress 5.3 版开始,WordPress 为通过媒体库上传的每个图f ? E L + }像创建以下额外图像:

图片尺寸 外型尺寸
缩略图( Thumbnail ) (大小取决于媒体设置。默O | = 5 w 2 ( |认为 150 像素)x 8 w J 4 J T X h
中等大小( Medium ) (大小Z b \取决于媒体设f x :置。默认为 300 像素)
大尺寸( Large ) (大小取决于媒体设置。默认为 1i A , U N V X02K i e m4 像素)
中大尺寸( Mediu5 \ !m Large ) 768 像素
2x 中大尺寸( 2x Medium Large ) 1536 像素
2x 大尺寸( 2x Large ) 2048 像素
缩放( SA A A =caled ) 2560 像素

好了,I 8 O f现在我们对所有生成的图像的实际文件大小有所了解,让我们考虑一下 800 个原始图像中每个图像重约 1.5MB 至 2MB 的平均情况。结果大致如下:p E G 6 I 9 i

图片尺寸 外型尺寸 文件大小 总大小
缩略图( Thumbnail ) (大小取决于媒体设置) 10KB 8MB
中等大小( Medium ) (大小取决于媒体设置) 20KB 16MB
大尺寸( Large ) (大小取决于媒体设置) 100KB 80MB
中大尺寸( Medium Large ) 768D x x H c F 像素 50KB 40MB
2x 中大尺寸( 2x Mq , Y 9 iedium Lar[ $ ; - :ge ) 1536 像素 200KB 160MB
2x 大尺寸(J U u 2x Large ) 2048 像素 400KB 320MB
缩放( Scaled ) 2560 像素 500KB 400MB

我们将最右边的列进行相加,总共可以得到 1024MB 或 1.024 GB!考虑到x 7 T T Q整个 WordPress 核心的重量不到 50MB,加上一堆插件主题仍然不到几百兆字节。因此,相对于整个网站而言,所有这些额外映像所需的磁盘: i & 5空间量相当大。

这只是一个只有 800 张n j * r h 0图片的典型网站;一些站点使用了很多,更不用说高分辨率图像和比以前计算中使用的平均数大得多的图像了。因此,e z u q X k G u很容易理解,如果不检查 WordPress 生成的图像,则所需的磁$ ~ ) f盘空间量确实会增加。
但是,还? ~ k { u G不仅如此
到目前为止,WordPress 已经为每个原始上传的图像生成了七个尺寸的图像。但这还不是所有可能生成的额外图像。因为有些主题和插件,可以通过以下 WordPress 核心函数创建更多图像尺寸:

  • seX A @ J ` e 3 Ct_post_thumbnail_size()—为“B i N # k r ; g H特色图片”创建自定义尺寸
  • add_image_size()—创建任何指定大小的额外图像

例如,名为“ Twenty Fifteen ”的 WordPress 默认主题添加了另一个额外生成的图像:

  1. set_post_thumbnail_s^ ? ^ ~ Zize( 825, 510, true );

, Y k此,在服务器上,一个额外的图像,C S R d G u { j )加上其他Z 7 F _ B 0七个默认生成的图像,再加上原始图像,看起来像这样:

总结一下:
WordPress 为每个上传的图像至少生成 7 个额; ^ a外的图像尺寸。然后根据您的主题和插件,还可` g T W以创建任~ z R 9 q j j I $意数量的其他图像大小。对于某些网站,这很有用或没什么大不了的;但是对于其他网站,这可能是完全没有必要的,最糟糕的是浪费了很多磁盘空间。
解决方案:
以上情况只是R I $ : t 1说明这一点的一个示例。图像总体积或多或少取决于图像、媒体设置、主题和插件功能等。幸运的是,我很多年前就禁用了多余的 WordPress 图像尺寸,因此我能够避免自己站点上的大量磁盘占用。那么+ g M B解决方2 ] ^ z ^案是什么?如何管理所有这些额外的图片并节省磁盘空间?诀窍是了解如何禁用每个额外的图像p 6 j Y d s f ? M大小,因此您可以添加所需的代码以禁用(或自定义)不需要的尺寸。以下是4 B G J x控制它们的神奇方法:

  • 禁用缩略图大小
  • 禁用中等大小
  • 禁用大尺寸
  • 禁用中大尺寸
  • 禁用 2x 中大尺寸
  • 禁用 2 倍大尺寸
  • 禁用缩放
  • 禁用其他尺寸
注意:请勿禁用主题所需的任何图像尺寸,否则主题将不能正常显示布局!

禁用缩略图大小
要禁用缩略图尺寸图像的生成,请在“设置>媒体>图像大小”下将“缩略图大小”选项设置为“0”。设置为“0”将禁用此尺寸图像的自动生成。设置为任何其他值可自定义大小而不是禁用大小。在 WordPress 后台的设置菜单n Z J S R下,默c 2 V Q + 6 w认界面如下所示:

或者,如果您希望以代码方式禁用缩略图大小的图像,则可以将以下代码段添加到主题中 functions.php:

  1. function shapeSpJ V I i P Nace_disable_thumbnail_images($sizes\ \ g1; {
  2. unset($sizes&Y 6 e ] @ 7 l b S#91;'thumb+ O 0 %nail']| 6 @ H 51;; // disable thumbnail siz, 5 = B f ^ =e
  3. return $sizes;
  4. }
  5. add_action('intermediate_image_sizes_advanced', 'shape- E $ ~ % zSp~ v c ! s j f p cace_disable_thumbnail_images'j # J 6 j \41;;
提示:如以下某些技术所示,上述技术可用于禁用其他图像尺寸。因此,您可以将一些禁用大小的代码整合到一个代码段中(如本文底部所示)。

禁用中等大小
要禁用中等尺寸图像的生成,请在“设置>媒体>图像大小”下将“中等大小”选项设置为“0”。设r y t k h 5 S [ w置为“0”将禁用此尺寸图像的自动生成。设置为任何其他值可自定义大小而不是禁用大小。或者,O \ N i +如果您希望通过编程方式禁用中型图像,则可以将以下代码段添加到主题中 functions.php:

  1. function shapeSpace_disable_medium_images($sizes) {
  2. unset($sizes['medium']); // disable medium size
  3. return $sS J Z Hizesz ` u ? );y Q ( b
  4. }
  5. add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_medC $ %ium_images');

禁用大尺寸
要禁用大尺寸图像的生成,! 1 ` * G * y \ )请在“设置>媒体>图像大小”下将“大尺寸”选项设置为“0”。设置为“0”将禁用此尺寸图像的自动生成。设置为Z { 5 H任何其他值可自定义大小而不是禁用大小。或者,如果您希望以编程方式禁用大尺寸图像,则可以将以下代码段添加到主题中 funcC $ Utions.2 x \ Y Q K ; L yphp:

  1. function shapeSpace_disable_large_imagesD O ? 0 % V($sizes)k ) 6 | H : ; {
  2. unset($sizes['large']); // disable large size
  3. return $sizJ q ^ ~es;
  4. }
  5. add_action('intermediate_image_sizes_advanced', 'shk q #apeSpace_disable_large_images'){ % V O L 6 5;;

禁用中大P T K A _ = u W尺寸
要禁用“中大”尺寸的图像,请在主题 functions.php 文件中添加以\ | I下代码段:

  1. function shapeSpace_disable_medium_large_images($sizes) {
  2. unset($sizes['medium_la= ` ;rge']); // disable 768px size images
  3. return $sizes;
  4. }. L ( 8 k
  5. add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_medium_large_images');

禁用 2x 中大尺寸
要禁用“2x 中大”尺寸的图像,请在主题 functions.php 文件中添加以下代码段:

  1. function shapeSpace_disable_2x_7 7 ~ m y 4medium_large_images($sizes) {* T Q % = p d
  2. unset($sizes['1536x1536']{ X B h - w v =1;; // disableR 9 W 2x medium-large size
  3. return $sizes;
  4. }
  5. add_filter('intermedt i Jiate_image_sizes_advan~ X 3 c 1 s / ( \ced', 'shapeSpace_disable_2x_medium_large_images');

g l \ T { P - I用 2 倍大尺寸
要禁用“ 2 倍大”尺寸的图像,请在主题 functions.php 文件中添加} d n O 5 [ q以下代码段:

  1. function shapec , ( ^ H #Space_disable_2x_large_images($size1 X \ Y S ? F #s) &[ 4 f 7 f p#123;
  2. unset(& 6 )$sizes['2048x2048']); // d& G m W b %isable 2x large size
  3. returK J R ) ` | T . Dn $sizes;
  4. V H r I ;25;
  5. add_fiS H T @lter('iW 1 C G r / K g wntermediate_image_sizeJ R T v 7s_advanced', 'shapeSpace_disable_2x_large_images'$ j c U \ = z 2 `41;;

禁用缩放
要禁用“缩放”图像,请在主题 functions.php 文件中添加以下代码段:

  1. add_filter('big_image_size_thresN O V Phold', '__rA 3 !et+ a g * b | Ourn_false');

禁用其他尺寸
对于. W 8 r n L Z A j通过 set_post_thumbnail_: Z N Tsize()和 add_image_size() 生成的任何其他图像,可以使用 remove_image_size()。这是一个例子:

  1. function shapeSpace_disable_other_images() {
  2. remove_image_size('posto V a ?-thumbnail'); // disable set_post_thumbnail_size()
  3. remove_image_size('another-size'); // disablW E & J ? 1 \e oth4 K J U per add ima] w m g s O Qge sizes
  4. &x , y 5 0 p V L#125c \ j;
  5. add_action4 + K40;'init', ': # ! ( # N TshapeSpace_disablm - s \ 7 \ U m 6e_othel 2 n k 7 I ^r_images');

关键是要知道要删除的自定义图像尺寸的名称/标记。对于设定的文章缩略图(t / N r即特色图片),始终为 pN { ] D ) 2 Q nost-thumbnail。对于通过添加图像尺寸添加的u i 5其他图像,名称将根据您的主题或插件而有所不同。因此进行操作前,请首先检查您的上传目录和/或主题功能文件,以确定正在生成的大小。有些主题会增加一堆额外的图像尺寸,而有些则不会,这取决于主题。

多合一代码段

以上是针对不同需求单独的代码示例,这里有一个“多合一”代码段,它将上述所有技l L p o B % N术组合并简化为一个即插即用的代码段:

  1. // 禁用自动生成的图片尺寸
  2. function shapeSpace] a ) K j a w a u_disf L 0 / H V Xable_image_sizes($sizes) {
  3. unset($sizes['thumbnail']); // disable te _ : Phumbna7 ( y k ^ `il size
  4. unset4 % , A ?40;$sizes['medium']); // disable mediuv \ N v Q ) N -m size
  5. unset($sizes['large']); // disable large size
  6. unsetL 6 L r ( N K 00;$sizes['f W G O N : J @medium_large']); // disable medium-large size
  7. unset($sizes['1536x1536']); // disable 2x medi= 8 5 ) `um-lR b f X L e ~arge size
  8. unset($sizes['2048x2048'])Y S u t :; // disable 2x large size
  9. return $sizes;
  10. }
  11. add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_image_sizes');
  12. // 禁用缩放尺寸
  13. add_filter('big_image_size_threshold', '__return_false');
  14. // 禁用其他图片尺寸
  15. function shapeSpace_disable_other_image_sizes() {
  16. remove_image_size('p8 b ! wost-thumbnail'); // disable images added via set_p3 p ; 0 e ]ost_thumbO ` D Q p h * 5nail_size()
  17. remove_image_size('another-size'); // disable any other added image sizes
  18. }
  19. add_actionF V ? s g H ! S n('init', 'shapeSpace_disable_other_image_sizes');

该代码x 1 [ ) , z {段结合了禁用所有 WordPress 生成的图像(仅保留原始上传的图像)所需的所有技术。唯7 _ + a一需要的编辑是针对最后一个函数,其中“其他”图像尺x 1 i D b I ] z寸被# { u .禁用;您可能需要在其中编辑字段名 ad r Snother-size 以便匹配其他自定义尺寸,或者如果没有其他尺寸,只需注释掉或删除该行。

提示:除了 WordPress 产生的所有其他图像外,您可能还希望控制或禁用 WordPress 提供的所有额外的响应图像功能。可以i M 8 ! 1 S r 7直接使用 D_ C O B b i ?isable Responsive Images Complete 插件来进行设置,非常简单。

总结

对于包含大量图像的网站,控制 WordPress 图像大小可能更为重要。但是,即使您的站点不时地仅上传c D E K j一些图像,也要使文件尽可能简单和轻巧,这可以创建一个更精简、更快、更优化的 WordPress 驱动的网站。

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

纯代码控制WordPress文章回复最少字数

2022-11-4 11:21:20

WordPress教程

WordPress调用指定Tag标签所有文章制作专题版块

2022-11-4 11:22:33

下载说明

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

站长声明

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