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

您可能知道,WordPress为通过媒体库上传的所有图片确立了大量副本。这些附加图像会凭证您的设置和其他因素天生种种尺寸的图像。一样平常来说,这可能完全没问题,然则若是您在站点上使用大量图片,但您的站点没有使用所有尺寸的图像,那多余的文件会占用您的磁盘空间。因此,为辅助您节约资源,消除虚耗并保持运行状态尽可能轻盈,本文详细说明晰禁用所有WordPress默认(或自界说)自动天生的图像。

领会若何禁用任何/所有WordPress自动天生的图像以为您的网站实现理想的设置。

为了更好地领会正在发生的事情及其主要性,我们将以我们的一个真实的网站作为例子。这个网站是我喜欢宣布新鲜/启发/发现图像的地方。到现在为止,已经通过WP 媒体库将800多个图像上传到该站点。因此,若是我没有接纳措施阻止WordPress自动天生每个图像的多个副本,那么800个数字将更像数千个图像。

因此,以我们这个网站为例,让我们做一些快速数学运算。我们有一个WordPress网站,其中包罗800张原始图片,每张图片平均巨细约为2MB。因此,总共800张原始图像的总体积约为1,600 MB或1.6 GB。现在,让我们让WordPress完成其事情,并为每个图像确立种种尺寸的分外副本。从WordPress 5.3版最先,WordPress为通过媒体库上传的每个图像确立以下分外图像:

图片尺寸 外型尺寸
缩略图( Thumbnail ) (巨细取决于媒体设置。默以为 150像素)
中等巨细( Medium ) (巨细取决于媒体设置。默以为300像素)
大尺寸( Large ) (巨细取决于媒体设置。默以为1024像素)
中大尺寸( Medium Large ) 768像素
2x中大尺寸( 2x Medium Large ) 1536像素
2x大尺寸( 2x Large ) 2048像素
缩放( Scaled ) 2560像素

好了,现在我们对所有天生的图像的现实文件巨细有所领会,让我们思量一下800个原始图像中每个图像重约1.5MB至2MB的平均情形。效果大致如下:

图片尺寸 外型尺寸 文件巨细 总巨细
缩略图( Thumbnail ) (巨细取决于媒体设置) 10KB 8MB
中等巨细( Medium ) (巨细取决于媒体设置) 20KB 16MB
大尺寸( Large ) (巨细取决于媒体设置) 100KB 80MB
中大尺寸( Medium Large ) 768像素 50KB 40MB
2x中大尺寸( 2x Medium Large ) 1536像素 200KB 160MB
2x大尺寸( 2x Large ) 2048像素 400KB 320MB
缩放( Scaled ) 2560像素 500KB 400MB

我们将最右边的枚举行相加,总共可以获得1024MB或1.024 GB!思量到整个WordPress焦点的重量不到50MB,加上一堆插件和主题仍然不到几百兆字节。因此,相对于整个网站而言,所有这些分外映像所需的磁盘空间量相当大。

这只是一个只有800张图片的典型网站;一些站点使用了许多,更不用说高分辨率图像和比以前盘算中使用的平均数大得多的图像了。因此,很容易明白,若是不检查WordPress天生的图像,则所需的磁盘空间量确实会增添。
然则,还不仅云云
到现在为止,WordPress已经为每个原始上传的图像天生了七个尺寸的图像。但这还不是所有可能天生的分外图像。由于有些主题和插件,可以通过以下WordPress焦点函数确立更多图像尺寸:

  • set_post_thumbnail_size() —为“特色图片”确立自界说尺寸
  • add_image_size() —确立任何指定巨细的分外图像

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

  1. set_post_thumbnail_size( 825, 510, true );

因此,在服务器上,一个分外的图像,加上其他七个默认天生的图像,再加上原始图像,看起来像这样:
详解如何禁用WordPress自动生成的不同尺寸的图片
总结一下:
WordPress 为每个上传的图像至少天生7个分外的图像尺寸。然后凭证您的主题和插件,还可以确立随便数目的其他图像巨细。对于某些网站,这很有用或没什么大不了的;然则对于其他网站,这可能是完全没有需要的,最糟糕的是虚耗了许多磁盘空间。
解决方案:
以上情形只是说明这一点的一个示例。图像总体积或多或少取决于图像、媒体设置、主题和插件功效等。幸运的是,我许多年前就禁用了多余的WordPress图像尺寸,因此我能够阻止自己站点上的大量磁盘占用。那么解决方案是什么?若何治理所有这些分外的图片并节约磁盘空间?诀窍是领会若何禁用每个分外的图像巨细,因此您可以添加所需的代码以禁用(或自界说)不需要的尺寸。以下是控制它们的神奇方式:

  • 禁用缩略图巨细
  • 禁用中等巨细
  • 禁用大尺寸
  • 禁用中大尺寸
  • 禁用2x中大尺寸
  • 禁用2倍大尺寸
  • 禁用缩放
  • 禁用其他尺寸

注重:请勿禁用主题所需的任何图像尺寸,否则主题将不能正常显示结构!


禁用缩略图巨细

要禁用缩略图尺寸图像的天生,请在“设置>媒体>图像巨细”下将“缩略图巨细”选项设置为“0”。设置为“0”将禁用此尺寸图像的自动天生。设置为任何其他值可自界说巨细而不是禁用巨细。在WordPress后台的设置菜单下,默认界面如下所示:


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

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

  1. function shapeSpace_disable_thumbnail_images($sizes) {
  2.  
  3. 	unset($sizes['thumbnail']); // disable thumbnail size
  4. 	return $sizes;
  5.  
  6. }
  7. add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_thumbnail_images');

提醒:如以下某些手艺所示,上述手艺可用于禁用其他图像尺寸。因此,您可以将一些禁用巨细的代码整合到一个代码段中(如本文底部所示)。


禁用中等巨细

要禁用中等尺寸图像的天生,请在“设置>媒体>图像巨细”下将“中等巨细”选项设置为“0”。设置为“0”将禁用此尺寸图像的自动天生。设置为任何其他值可自界说巨细而不是禁用巨细。或者,若是您希望通过编程方式禁用中型图像,则可以将以下代码段添加到主题中functions.php:

  1. function shapeSpace_disable_medium_images($sizes) {
  2.  
  3. 	unset($sizes['medium']); // disable medium size
  4. 	return $sizes;
  5.  
  6. }
  7. add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_medium_images');

禁用大尺寸
要禁用大尺寸图像的天生,请在“设置>媒体>图像巨细”下将“大尺寸”选项设置为“0”。设置为“0”将禁用此尺寸图像的自动天生。设置为任何其他值可自界说巨细而不是禁用巨细。或者,若是您希望以编程方式禁用大尺寸图像,则可以将以下代码段添加到主题中functions.php:

  1. function shapeSpace_disable_large_images($sizes) {
  2.  
  3. 	unset($sizes['large']); // disable large size
  4. 	return $sizes;
  5.  
  6. }
  7. add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_large_images');

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

  1. function shapeSpace_disable_medium_large_images($sizes) {
  2.  
  3. 	unset($sizes['medium_large']); // disable 768px size images
  4. 	return $sizes;
  5.  
  6. }
  7. add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_medium_large_images');

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

  1. function shapeSpace_disable_2x_medium_large_images($sizes) {
  2.  
  3. 	unset($sizes['1536x1536']); // disable 2x medium-large size
  4. 	return $sizes;
  5.  
  6. }
  7. add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_2x_medium_large_images');

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

  1. function shapeSpace_disable_2x_large_images($sizes) {
  2.  
  3. 	unset($sizes['2048x2048']); // disable 2x large size
  4. 	return $sizes;
  5.  
  6. }
  7. add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_2x_large_images');

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

  1. add_filter('big_image_size_threshold', '__return_false');

禁用其他尺寸
对于通过set_post_thumbnail_size()和add_image_size() 天生的任何其他图像,可以使用remove_image_size()。这是一个例子:

  1. function shapeSpace_disable_other_images() {
  2.  
  3. 	remove_image_size('post-thumbnail'); // disable set_post_thumbnail_size() 
  4. 	remove_image_size('another-size');   // disable other add image sizes
  5.  
  6. }
  7. add_action('init', 'shapeSpace_disable_other_images');

要害是要知道要删除的自界说图像尺寸的名称/符号。对于设定的文章缩略图(即特色图片),始终为post-thumbnail。对于通过添加图像尺寸添加的其他图像,名称将凭证您的主题或插件而有所差异。因此举行操作前,请首先检查您的上传目录和/或主题功效文件,以确定正在天生的巨细。有些主题会增添一堆分外的图像尺寸,而有些则不会,这取决于主题。

多合一代码段

以上是针对差异需求单独的代码示例,这里有一个“多合一”代码段,它将上述所有手艺组合并简化为一个即插即用的代码段:

  1. // 禁用自动天生的图片尺寸
  2. function shapeSpace_disable_image_sizes($sizes) {
  3.  
  4. 	unset($sizes['thumbnail']);    // disable thumbnail size
  5. 	unset($sizes['medium']);       // disable medium size
  6. 	unset($sizes['large']);        // disable large size
  7. 	unset($sizes['medium_large']); // disable medium-large size
  8. 	unset($sizes['1536x1536']);    // disable 2x medium-large size
  9. 	unset($sizes['2048x2048']);    // disable 2x large size
  10.  
  11. 	return $sizes;
  12.  
  13. }
  14. add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_image_sizes');
  15.  
  16. // 禁用缩放尺寸
  17. add_filter('big_image_size_threshold', '__return_false');
  18.  
  19. // 禁用其他图片尺寸
  20. function shapeSpace_disable_other_image_sizes() {
  21.  
  22. 	remove_image_size('post-thumbnail'); // disable images added via set_post_thumbnail_size() 
  23. 	remove_image_size('another-size');   // disable any other added image sizes
  24.  
  25. }
  26. add_action('init', 'shapeSpace_disable_other_image_sizes');

该代码段连系了禁用所有WordPress天生的图像(仅保留原始上传的图像)所需的所有手艺。唯一需要的编辑是针对最后一个函数,其中“其他”图像尺寸被禁用;您可能需要在其中编辑字段名another-size以便匹配其他自界说尺寸,或者若是没有其他尺寸,只需注释掉或删除该行。

提醒:除了WordPress发生的所有其他图像外,您可能还希望控制或禁用WordPress提供的所有分外的响应图像功效。可以直接使用 Disable Responsive Images Complete 插件来举行设置,异常简朴。

总结

对于包罗大量图像的网站,控制WordPress图像巨细可能更为主要。然则,纵然您的站点不时地仅上传一些图像,也要使文件尽可能简朴和轻盈,这可以确立一个更精简、更快、更优化的WordPress驱动的网站。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3308869544
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有猫币奖励和额外收入!

主题镇 WP教程 详解如何禁用WordPress自动生成的不同尺寸的图片 https://zhutizhen.com/14702.html

永远为用户服务的镇长!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情

相关文章