Sådan deaktiverer du de forskellige størrelser af billeder, der oprettes automatisk af WordPress

Når en WordPress-installation er ældre end en skov, og dens indhold opdateres med en vis regelmæssighed, som det er tilfældet med denne, du læser nu, kan ophobningen af billeder blive et stort problem, aldrig bedre sagt.

At lade billeder hobe sig op over tid har konsekvenser i det lange løb.

Inoderne eller inoderne

De ukendte. En inode er enhver fil eller mappe på serveren. Det omfatter billeder, e-mails, logfiler, scripts, stilark osv. Alt tæller som 1, uanset hvad.

Langt de fleste hosts har altid en grænse for antallet af inoder, selv om de reklamerer med "ubegrænset plads". Selvom der er meget generøse, LucusHostfor eksempel, begrænser dem til den mere end tilstrækkelige mængde på en millionmen hos andre værter kan dette beløb kan gå ned betydeligt.

Måske har du en dag brug for at migrere, og det kan du ikke, hvis du ikke slipper af med en stor mængde af disse inoder, jeg blev smidt ud af en hosting af denne grund.

Spild af ressourcer

At hoste bjerge af ubrugte billeder er spild af diskplads, som du kunne bruge til noget, du har brug for, og det bidrager også til, at den ikke er så let, som den burde være.

Det er også meget sandsynligt, at hvis du har forsømt dem i årevis, er mange af dem ikke optimerede, eller af en eller anden grund (f.eks. en skabelonændring eller rester af et plugin) er de gået i stykker, hvilket giver flere evige forespørgsler og mere ressourceforbrug.

Det vigtige er at have en plan

Og før en plan, en nylig backup af hele din blog, inklusive databasen. Det skal du altid gøre.

Målet er at reducere antallet af billeder til to. Det originale uploadede billede (i tilstrækkelig størrelse og i en skabelon, der gør det muligt at vise det skalerbart overalt) plus et miniaturebillede.

Ud over at have en plan skal vi vide, hvordan vi identificerer, hvilke billeder der er i brug, og hvilke vi kan slippe af med uden problemer. For at gøre dette er det vigtigt at vide, hvad der skaber dem.

Det første og vigtigste er at gennemgå alle de størrelser, der er i brug, og finde ud af, hvor de hver især er genereret. I mange tilfælde oprettes de fra skabelonen fra en kode, der normalt er i functions.php-filen og normalt er mere eller mindre sådan her (det afhænger af hver skabelon og kan ikke engang være der eller ikke engang eksistere, som i tilfældet med GeneratePress).

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 223, 137, true );
add_image_size( 'schema-featured', 680, 350, true ); // Featured.
add_image_size( 'schema-featured2', 1360, 700, true ); // Featured x 2.
add_image_size( 'schema-related', 211, 150, true ); // Related.
add_image_size( 'schema-related2', 422, 300, true ); // Related x 2.
add_image_size( 'schema-widgetthumb', 70, 60, true ); // Widget.
add_image_size( 'schema-widgetthumb2', 140, 120, true ); // Widget x 2.
add_image_size( 'schema-widgetfull', 300, 200, true ); // Sidebar full width.
add_image_size( 'schema-slider', 772, 350, false ); // Slider.
add_image_size( 'schema-slider2', 1544, 700, false ); // Slider x 2.

Dette eksempel er fra skabelonens functions.php Skema skabelon, som jeg brugte før den, jeg bruger nu.

Her var det nemt, bare at ændre true til false (eller slette linjen) for at undgå at generere en størrelse, når man uploader en ny. Den fortalte dig også, hvad den blev brugt til. Før du "capper" en størrelse, skal du sikre dig, at du ikke vil bruge den funktion, som den er genereret til.

Dette gælder kun for nye billeder, du uploader, ikke for billeder, du allerede har uploadet. Vi taler om, hvordan du slipper af med dem senere.

Bemærk, at nogle af dine plugins og widgets måske også opretter kopier i andre størrelser til en bestemt anvendelse. Du bliver nødt til at konsultere dokumentationen for hver enkelt og holde øje med stien til billederne for at finde deres kilde og destination.

Før vi går videre, antager jeg, at du allerede ved, hvor hvert billede kommer fra, og at du ved, at du kan undvære det, du har besluttet dig for at slette

De miniaturebilleder, som WordPress opretter

Dette er normalt den magre del. De kalder dem stadig thumbnails, men pointen er, at det også skaber andre meget federe størrelser.

Siden version 5.3 har WordPress genereret syv ekstra billeder for hvert billede, du uploader via mediebiblioteket og/eller den visuelle editor. Så hver gang du uploader et billede, tilføjer du otte til det samlede antal.

Hvis du tilføjer andre mulige billeder fra skabelonen, plugins og widgets, kan det blive helt op til 12 eller flere.

Det er dem, WordPress opretter:

Thumbnail (150x150px)
Medium size (300x300px)
Large size (1024x1024px)

Medium large 768px
2x Medium large 1536px
2x large 2048px
Scaled 2560px

Af de tre første kan vi udelade 300px og 1024px og reducere miniaturebilledet fra 150x150px til 100x100px. For at gøre dette skal du bare gå til Settings/Media og ændre størrelserne og sætte 0 (nul) på dem, du ikke vil have genereret.

I mit tilfælde vil 100x100 thumbnailen være den, der vises i mediebiblioteket. Vi har allerede sparet et par hundrede, måske tusindvis af billeder, og en del Kb eller Mb ved at reducere antallet og størrelsen.

For de fire andre kan vi "afregistrere" oprettelsen af hver af dem separat ved at tilføje disse kodestykker i functions.php i vores skabelon eller gennem plugin'et Code Snippets-plugin.

Deaktiver 768px bred, proportional

function shapeSpace_disable_medium_large_images($sizes) {
	
	unset($sizes['medium_large']); // disable 768px size images
	return $sizes;
	
}
add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_medium_large_images');

Deaktiver 1536 px bred, proportional

function shapeSpace_disable_2x_medium_large_images($sizes) {
	
	unset($sizes['1536x1536']); // disable 2x medium-large size
	return $sizes;
	
}
add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_2x_medium_large_images');

Deaktiver 2048 px bred, proportional

function shapeSpace_disable_2x_large_images($sizes) {
	
	unset($sizes['2048x2048']); // disable 2x large size
	return $sizes;
	
}
add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_2x_large_images');

Deaktiver skaleret billede (2560px)

add_filter('big_image_size_threshold', '__return_false');

Hvis du foretrækker at bruge en enkelt kode til alle genererede størrelser, som du vil deaktivere, inklusive dem i andre mulige størrelser, kan du trække denne og fjerne linjerne for dem, du vil beholde eller kontrollere fra WordPress-medieindstillingen som i tilfældet med de tre første.

Deaktiver alle størrelser

// Deshabilitar los tamaños de imagen generados
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');

// Deshabilitar el tamaño de la imagen escalada
add_filter('big_image_size_threshold', '__return_false');

// Deshabilitar otros tamaños de imagen
function shapeSpace_disable_other_image_sizes() {
	
	remove_image_size('post-thumbnail'); // Deshabilita imágenes agregadas con set_post_thumbnail_size ()
	remove_image_size('another-size');   // Deshabilita cualquier otro tamaño de imagen agregado
	
}
add_action('init', 'shapeSpace_disable_other_image_sizes');

Kilde: Jeff Starrs blog. Sådan deaktiverer du automatisk genererede WordPress-billeder - komplet guide. Jeg anbefaler, at du kopierer koden fra det indlæg, hvis noget er blevet indsat forkert her.

Jeff Starr er også skaberen af flere forskellige plugins og et af dem gør det samme (jeg har ikke prøvet det), hvis du er en af dem, der foretrækker ikke at komplicere dit liv.

Lad os indlæse de resterende billeder

OK, det er meningen, at vi allerede skal have deaktiveret oprettelsen af alle de ekstra størrelser, som vi ikke behøver at oprette, når vi uploader et billede.

Nu uploader vi et testbillede og kontrollerer, at de ekstra størrelser ikke genereres. I mit tilfælde ser det sådan ud:

men hvordan sletter vi alle de uploadede billeder, der nu er tilovers og ikke bliver brugt?

Der er mindst to ikke alt for komplicerede muligheder.

I hånden. Lidt mere kedeligt og tidskrævende. Du kan søge efter dem i Cpanels filhåndtering eller i din FTP-klient ud fra deres unikke filnavnestrenge, såsom 300x300, 768x, 1536x osv. og slette dem.

Hvis du har mange billeder, kan du bruge plugin'et Regenerere miniaturebilleder som stadig gør arbejdet godt.

Hvad dette plugin gør, en klassiker fra Alex Mills, er at regenerere miniaturebillederne af de uploadede billeder. Du kan gøre det et ad gangen fra mediebiblioteket eller alle på én gang, hvis der ikke er for mange.

Når det er installeret og aktiveret, og du åbner det fra "Tools/Regenerate thumbnails", vil du se dette:

Der vil du se listen over næsten alle de størrelser, som WordPress bruger, men da vi allerede har "afregistreret" oprettelsen af de fleste af dem, er det tilrådeligt at teste med et enkelt testbillede ved også at markere indstillingen"Slet miniaturefiler i gamle størrelser uden registrering..."

Hvis alt gik godt med den ene billedtest, kan du nu massegenerere miniaturebillederne for alle XXXX vedhæftede filer (første knap). Dette vil fjerne alle de overskydende størrelser på én gang.

Jeg gjorde det for nylig, og jeg kan huske, at massegenereringen mislykkedes, nok fordi der var så mange billeder (mere end 20K), og processen blev afbrudt på nogle punkter, så jeg valgte at gøre det i blokke af 200 billeder fra mediebiblioteket.

Når du er færdig med opgaven, kan du afinstallere plugin'et.

En god idé, nu hvor du er sikker på, at du har fået plads nok, er at udnytte dette til at at lave optimerede kopier af dine .jpg-billeder i .webp-format format uden omkostninger med plugin'et Litespeed Cache hvis din hosting kører under Litespeed.