首页 > 其他分享 >WordPress彻底禁用上传媒体图片自动生成缩略图及多尺寸图片(亲测可用)

WordPress彻底禁用上传媒体图片自动生成缩略图及多尺寸图片(亲测可用)

时间:2022-10-21 21:33:14浏览次数:82  
标签:缩略图 禁用 image sizes large disable WordPress 图片 size

WordPress默认上传图片的时候会自动生成缩略图及多尺寸的图片文件,大部分网站都用不到这些多余的图片,不仅仅占用空间,而且上传的时候还会消耗额外的性能。

下面仅需两段函数代码即可彻底禁用该功能。

// 禁用自动生成的图片尺寸
function shapeSpace_disable_image_sizes($sizes) {
    
    unset($sizes['thumbnail']);    // disable thumbnail size
    unset($sizes['medium']);       // disable medium size
    unset($sizes['large']);        // disable large size
    unset($sizes['medium_large']); // disable medium-large size
    unset($sizes['1536x1536']);    // disable 2x medium-large size
    unset($sizes['2048x2048']);    // disable 2x large size
    
    return $sizes;
    
}
add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_image_sizes');
 
// 禁用缩放尺寸
add_filter('big_image_size_threshold', '__return_false');
 
// 禁用其他图片尺寸
function shapeSpace_disable_other_image_sizes() {
    
    remove_image_size('post-thumbnail'); // disable images added via set_post_thumbnail_size() 
    remove_image_size('another-size');   // disable any other added image sizes
    
}
add_action('init', 'shapeSpace_disable_other_image_sizes');

将上方的代码添加至您的WordPress当前使用主题文件夹下的functions.php文件即可

以当前网站根目录为例,主题函数文件路径一般为:WordPress网站根目录/wp-content/themes/主题文件夹/functions.php 添加至<?php后面即可

实例效果:

以下为未禁用效果

其中test-file.jpg 为需要上传的文件,左侧文件均为WordPress自动生成的多尺寸图片

以下为禁用效果

其中test-file_disable_fun.jpg 为需要上传的文件,可以看到没有生成多余的图片。

原文地址:https://www.afengblog.com/wordpress-disables-automatic-generation-of-thumbnails-and-multi-size-pictures.html

标签:缩略图,禁用,image,sizes,large,disable,WordPress,图片,size
From: https://www.cnblogs.com/afengblogs/p/16814835.html

相关文章

  • vue 用 input 和 canvas 标签实现前端背景图片的移动 重绘 上传
    前言:    闲得无聊写的,嫌麻烦的直接出门左转搜索vuecropper.js模块直接用就行正文:  首先我们要知道input是自带file方法的,直接可以选这文件上传就行,但为了......
  • div 内容生成图片并下载
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="v......
  • android异步任务 访问网络 加载图片 解决方案大集合
    1.Handler+Thread异步执行任务在UI线程中开启子线程,使用Handler发消息,通知主线程更新UI​直接在UI线程中开启子线程来更新TextView显示的内容,运行程序我们会发现,如下......
  • vue2.0中svg图片的引用
    1、基础工作都是引用了svg-sprite-loader这个插件  npmisvg-sprite-loader--save2、写一个Svglcon的组件(components/Svglcon),在components目录下新建一个SvgIcon文......
  • WordPress 优化 MySQL 数据库慢查询
    搭建WordPress网站会占用大量的内存,还需要一些好些的服务器配置之外,我们如果想更好的给用户有更好的访问体验,对网站优化也是必不可少的。很多时候用WordPress越久,数据......
  • 手机年闹同时连接同一网络使用wireshark捕捉qq图片并还原
    首先,手机与电脑连接同一WiFi,并在手机与电脑上登录自己的QQ,在手机上查看自己的手机ip。完成后,打开wireshark,并点开WLAN连接方式在顶上的“应用显示过滤器”上输入自己的......
  • #yyds干货盘点#前端图片预加载
    上一篇文章讲了图片懒加载的两种方法,今天再来讲讲图片预加载。用css和JavaScript实现预加载实现预加载图片有很多方法,包括使用css、JavaScript及两者的各种组合。这些技术可......
  • #yyds干货盘点#前端图片预加载
    上一篇文章讲了图片懒加载的两种方法,今天再来讲讲图片预加载。用css和JavaScript实现预加载实现预加载图片有很多方法,包括使用css、JavaScript及两者的各种组合。这些技术可......
  • .Net Core WebApi 控制器自动创建文件夹上传图片
    ///<summary>///异步图片或文件上传///</summary>///<paramname="formFile"></param>///<returns></returns>[Http......
  • CSS:img被hover的时候改变src图片路径
    mg的src可以通过content改变鼠标hover时的图片路径<imgclass="import_imgcreate"src="@/assets/add_icon.png"alt=""/>.titleButton:hover.create{content:u......