Amint azt bizonyára tudja, a WordPress számos másolatot készít a WP Media Library- n keresztül feltöltött összes képről . Ezek a további képek különféle méretben jönnek létre, a beállításoktól és egyéb tényezőktől függően. Ez általában teljesen rendben van, de ha sok képpel dolgozik a webhelyén, az extra fájlok valóban felemésztik a lemezterületet. Ez pazarló lehet, különösen akkor, ha webhelye nem használja ki az összes extra képet. Tehát az erőforrások megtakarítása, a pazarlás megszüntetése és a dolgok lehető legkönnyebben történő működése érdekében ez az útmutató mindent megad, amire szüksége van a WordPress által automatikusan generált képek letiltásához (vagy testreszabásához).Frissítés! Új bővítmény érhető el, amellyel szabályozhatja, hogy a WordPress mely médiaméreteket hozza létre. Nézze meg a Médiaméretek letiltása című részt a Plugin Directoryban.
Ismerje meg, hogyan tilthatja le a WordPress bármely/összes automatikusan generált képét a webhelyének megfelelő konfigurációban való tárcsázáshoz.
Tartalom
- Először egy példa..
- számolj..
- De várj még van..
- Megoldás: Tiltsa le a nem kívánt képméreteket
- Zárd le őket!
- Tekerje fel..
Először egy példa..
Ha jobb képet szeretne kapni arról, hogy mi történik, és miért fontos ez, tekintse meg személyes talált képek webhelyemet, az eChunks.com-ot . Ezen az oldalon szeretek furcsa/inspiráló/talált képeket közzétenni. Mostanáig több mint 800 képet töltöttek fel az oldalra a WP Media Library segítségével. Tehát ha nem tettem volna intézkedéseket annak megakadályozására, hogy a WordPress automatikusan több másolatot generáljon minden képről, akkor ez a 800-as szám inkább több ezer képhez hasonlítana .
számolj..
Tehát az eChunks.com példát futtatva számoljunk gyorsan. Van egy WordPress webhelyünk 800 eredeti képpel, mindegyik átlagosan 2 MB méretű. Tehát összességében az eredeti 800 kép súlya körülbelül 1600 MB vagy körülbelül 1,6 GB. Most hagyjuk, hogy a WordPress megtegye a dolgát, és minden képről készítsen extra másolatokat különböző méretekben. Az 5.3-as verziótól kezdve a WordPress a következő extra képeket hozza létre minden olyan képhez, amelyet a Media Library (és/vagy a Visual Editor) keresztül tölt fel:
Képméret | Méretek |
---|---|
Miniatűr | (A méret a médiabeállítások alapján) |
Közepes | (A méret a médiabeállítások alapján) |
Nagy | (A méret a médiabeállítások alapján) |
Közepes nagy | 768 képpont |
2x Közepes nagy | 1536 képpont |
2x nagy | 2048 képpont |
Pikkelyes | 2560 képpont |
Rendben, most, hogy képet kapjunk az összes generált kép tényleges fájlméretéről, vegyük figyelembe azt az átlagos esetet, amikor a 800 eredeti kép mindegyike körülbelül 1,5–2 MB súlyú. Az eredmények valahogy így néznek ki :
Képméret | Méretek | Fájl méret | Teljes |
---|---|---|---|
Miniatűr | (A méret a médiabeállítások alapján) | 10 KB | 8 MB |
Közepes | (A méret a médiabeállítások alapján) | 20 KB | 16 MB |
Nagy | (A méret a médiabeállítások alapján) | 100 KB | 80 MB |
Közepes nagy | 768 képpont | 50 KB | 40 MB |
2x Közepes nagy | 1536 képpont | 200 KB | 160 MB |
2x nagy | 2048 képpont | 400 KB | 320 MB |
Pikkelyes | 2560 képpont | 500 KB | 400 MB |
A jobb oldali oszlop hozzáadásával összesen 1024 MB vagy 1,024 gigabájt ! Figyelembe véve, hogy a teljes WordPress mag súlya kevesebb, mint 50 MB, egy csomó pluginnal és témával együtt még mindig kevesebb lesz, mint pár száz megabájt. Tehát a teljes webhelyhez képest az összes extra kép által igényelt lemezterület enyhén szólva is jelentős.
És ez egy tipikus webhelyre vonatkozik, amely mindössze 800 képet tartalmaz; egyes oldalak ennél sokkal többet használnak, nem is beszélve a nagyfelbontású képekről és a képekről, amelyek sokkal többet nyomnak, mint az előző számításokban használt átlagos számok. Könnyen érthető tehát, ha a WordPress által generált képeket nem tartják kordában, a szükséges lemezterület nagysága valóban összeadódik .Kapcsolódó: Ismerje meg, hogyan tilthatja le a WordPress reszponzív képeket »
De várj még van..
Eddig a WordPress hét további képet generált minden eredeti feltöltött képhez. De ez nem minden extra kép, amely szóba jöhet. A témától függően további képméretek hozhatók létre a WordPress alábbi alapfunkcióival:
- set_post_thumbnail_size() – Egyéni méretet hoz létre a kiemelt képek számára
- add_image_size() – bármilyen megadott méretű extra képeket hoz létre
Például a WordPress alapértelmezett „Twenty Fifteen” témája egy másik extra generált képet ad hozzá ezzel a sorral:
set_post_thumbnail_size( 825, 510, true );
Tehát egy extra kép, plusz a hét másik alapértelmezett generált kép, valamint az eredeti feltöltött kép a következőképpen néz ki a szerveren:A WordPress által generált hét extra képen kívül további képeket is hozzáadhat a témája, amint az itt látható a Twenty Fifteen témához.
Összefoglalva: A WordPress minden feltöltött képhez legalább 7 extra képméretet generál . Ezután a témától és a beépülő moduloktól függően tetszőleges számú további képméret is létrehozható. Egyes webhelyek esetében ez hasznos, vagy nem nagy ügy; más oldalaknál ez jobb esetben teljesen felesleges, rosszabb esetben pazarló túlzás.
Megoldás: Tiltsa le a nem kívánt képméreteket
A fenti forgatókönyv csak egy példa a lényeg illusztrálására. A kép súlyának összege (sokkal) több vagy kevesebb lehet a képektől, a médiabeállításoktól, a témafunkcióktól és így tovább. Szerencsére folyamatosan letiltom az évek során hozzáadott új WordPress képméreteket, így sikerült elkerülnöm a lemezek hatalmas felduzzadását a saját webhelyeimen.
Szóval mi a megoldás? Hogyan kezelheti ezeket az extra képeket és takaríthat meg lemezterületet? A trükk az, hogy megértsük, hogyan lehet letiltani az egyes extra képméreteket, így hozzáadhatja a szükséges kódot a nem szükségesek letiltásához (vagy testreszabásához). Íme a varázslatos receptek ellenőrzésükre:
- A miniatűr méretének letiltása
- Közepes méretű letiltása
- Nagy méret letiltása
- Közepes nagy letiltása
- 2x Medium Large letiltása
- 2x nagy letiltása
- Scaled letiltása
- Más méretek letiltása
Figyelem: Ne tiltsa le a témája által megkövetelt képméreteket!
A miniatűr méretének letiltása
A miniatűr méretű képek létrehozásának letiltásához állítsa a „Miniatűr méret” beállítást „0”-ra (a Beállítások > Média > Képméretek alatt). A „0” értékre állítva letiltja az ilyen méretű kép automatikus generálását. Állítson be bármilyen más értéket a méret testreszabásához a letiltás helyett. Így néz ki a beállítás a Beállítások menüben a WP Admin területen:A miniatűr, közepes és nagy méretű képek letiltásához vagy testreszabásához keresse fel ezt a képernyőt a WP adminisztrációs területén. Írja be a „0” értéket (idézőjelek nélkül) az extra méretű képek bármelyikének/mindegyikének letiltásához.
Alternatív megoldásként, ha inkább programozottan szeretné letiltani a miniatűr méretű képeket, hozzáadhatja a következő kódrészletet a témához functions.php
(vagy hozzáadhatja egyszerű/egyéni beépülő modullal):
function shapeSpace_disable_thumbnail_images($sizes) {
unset($sizes['thumbnail']); // disable thumbnail size
return $sizes;
}
add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_thumbnail_images');
Tipp: a fenti technikával más képméreteket is le lehet tiltani, amint az a következő technikák közül néhányban látható. Így egyesíthet néhány méretletiltó technikát egyetlen kódrészletben .
Közepes méretű letiltása
A közepes méretű képek létrehozásának letiltásához állítsa a „Közepes méret” beállítást „0”-ra (a Beállítások > Média > Képméretek alatt). A „0” értékre állítva letiltja az ilyen méretű kép automatikus generálását. Állítson be bármilyen más értéket a méret testreszabásához a letiltás helyett.
Alternatív megoldásként, ha szeretné programozottan letiltani a közepes méretű képeket, hozzáadhatja a következő kódrészletet a témához functions.php
(vagy hozzáadhatja egyszerű/egyéni beépülő modullal):
function shapeSpace_disable_medium_images($sizes) {
unset($sizes['medium']); // disable medium size
return $sizes;
}
add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_medium_images');
Nagy méret letiltása
A nagy méretű képek létrehozásának letiltásához állítsa a „Nagy méret” beállítást „0”-ra (a Beállítások > Média > Képméretek alatt). A „0” értékre állítva letiltja az ilyen méretű kép automatikus generálását. Állítson be bármilyen más értéket a méret testreszabásához a letiltás helyett.
Alternatív megoldásként, ha inkább programozottan szeretné letiltani a nagyméretű képeket, hozzáadhatja a következő kódrészletet a témához functions.php
(vagy hozzáadhatja egyszerű/egyéni beépülő modullal):
function shapeSpace_disable_large_images($sizes) {
unset($sizes['large']); // disable large size
return $sizes;
}
add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_large_images');
Közepes nagy letiltása
A „Medium Large” méretű képek letiltásához adja hozzá a következő kódrészletet a téma functions.php
fájljához:
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');
2x Medium Large letiltása
A „2x Medium Large” méretű képek letiltásához adja hozzá a következő kódrészletet a téma functions.php
fájljához:
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');
2x nagy letiltása
A „2x Large” méretű képek letiltásához adja hozzá a következő kódrészletet a téma functions.php
fájljához:
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');
Scaled letiltása
A „skálázott” képek letiltásához adja hozzá a következő kódrészletet a téma functions.php
fájljához:
add_filter('big_image_size_threshold', '__return_false');
Más méretek letiltása
A set_post_thumbnail_size()
és segítségével generált extra képekhez add_image_size()
használhatja a remove_image_size()
. Íme egy példa:
function shapeSpace_disable_other_images() {
remove_image_size('post-thumbnail'); // disable set_post_thumbnail_size()
remove_image_size('another-size'); // disable other add image sizes
}
add_action('init', 'shapeSpace_disable_other_images');
Itt a kulcs az eltávolítani kívánt egyéni képméretek nevének/slugának ismerete. Beállított bejegyzés miniatűr (azaz kiemelt kép) esetén mindig post-thumbnail
. A képméret hozzáadásával hozzáadott többi kép esetében a slug neve a témától vagy a beépülő modultól függően változik (attól függően, hogy melyik felelős az extra méretek hozzáadásáért). Tehát a megvalósításhoz először ellenőrizze a feltöltési könyvtárat és/vagy a témafüggvény-fájlt, hogy megállapítsa, milyen méretek jönnek létre. Egyes témák egy csomó extra képméretet adnak hozzá, mások nem, ez csak a témától függ.Profi tipp: Szerezze meg a WordPress webhelyén regisztrált képméretek listáját .
Zárd le őket!
Az elválás előtt álljon itt egy „mindent az egyben” kódrészlet, amely a fenti technikákat egyetlen plug-&play kódrészletben egyesíti és egyszerűsíti:
// disable generated image sizes
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');
// disable scaled image size
add_filter('big_image_size_threshold', '__return_false');
// disable other image sizes
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');
Ez a kódrészlet egyesíti a WordPress által generált összes kép letiltásához szükséges összes technikát (csak az eredeti feltöltött képet hagyja meg). Az egyetlen szerkesztés, amelyre szükség lehet, az az utolsó funkció, ahol az „egyéb” képméretek le vannak tiltva; ott lehet szerkeszteni a another-size
csigát, hogy megfeleljen a többi letiltani kívánt méretnek, vagy ha nincs más méret, egyszerűen megjegyzést fűzhet hozzá, vagy távolítsa el a sort.Profi tipp: A WordPress által generált összes extra képen kívül érdemes lehet szabályozni vagy letiltani a WordPress által biztosított összes extra reszponzív képfunkciót is. Íme egy ingyenes bővítmény, amely rendkívül egyszerűvé teszi: Responsive Images Complete letiltása .
Tekerje fel..
Igaz, a WordPress képméretek szabályozása fontosabb lehet a sok képet tartalmazó webhelyeknél. De még akkor is, ha webhelye időnként csak néhány képet tölt fel, a fájlok lehető legegyszerűbb és legkönnyebb tartása karcsúbb, gyorsabb és optimalizáltabb, WordPress-alapú webhelyet eredményez.
Forrás: https://perishablepress.com/disable-wordpress-generated-images/
0 hozzászólás