Képek optimalizálása a WordPress 5 népszerű képtömörítési bővítményéhez; RAIDBOXES
Tartalomjegyzék
A grafika és képek optimalizálása a WordPress webhelyhez egyszerű és fontos lépés a betöltési idő javításában. Annál megdöbbentőbb, hogy hány WordPress-felhasználó optimalizálási intézkedések nélkül tölti fel még mindig eredeti képeit. Annak érdekében, hogy ne kövesse el ugyanazt a hibát, ma öt népszerű WordPress bővítményt mutatok meg, amelyek teljesen megkönnyítik a képei tömörítését.
Webhely-üzemeltetőként mindig figyelnie kell a WordPress-webhely betöltési idejét. Végül is a gyorsabb betöltési idő pozitív hatással van a potenciális ügyfelek felhasználói élményére, a keresőmotor rangsorára és ideális esetben a konverzióira.
Miért olyan fontos a képoptimalizálás a WordPressben?
A gyorsítótár-bővítmények (vagy a szerveroldali gyorsítótár) használata, az adatok tömörítése a gzip vagy a Brotli használatával, a felesleges bővítmények eltávolítása, a HTTPS-re váltás és a gyorsabb gazdagépre váltás népszerű lépések a WordPress-webhely betöltési idejének javítására . Különösen a sok termékképet igénylő WooCommerce üzletekben gyakran más csavarokat fordítanak először a betöltési idő javítása érdekében.
Fontos intézkedés, amelyet a weboldal üzemeltetői általában elhanyagolnak, a képoptimalizálás. Amit sokan nem tudnak: Amint feltölt egy képet a médiatárába, a WordPress automatikusan három további formátumot hoz létre: egy nagy (kiemelt kép), egy közepes és egy kis formátumot (előnézeti kép).
Tehát, ha úgy gondolja, hogy csak a Feltöltött kép, valójában négy új fájl van, beleértve a metainformációkat is, amelyeket a szervernek feldolgoznia kell. Vannak olyan témák is, amelyek automatikusan 10 vagy több képméretet generálnak.
Ha ezeket a különböző formátumokat extrapolálja az összes használt kép számához, akkor egyértelművé válik, hogy érdemes optimalizálni a képeket a WordPress számára!
A képek kisebb méretű mentése csak az első lépés
Az első optimalizálási intézkedés az eredeti képek csökkentése a Photoshop vagy egy hasonló program segítségével, mielőtt feltöltené őket. Ahhoz azonban, hogy a lehető legjobban kihasználhassa a betöltési időt, az összes képet tömörítenie kell a webhelyén - beleértve a WordPress által automatikusan létrehozott képfájlokat is.
A „veszteséges” és a „veszteségmentes” különbség
Képek tömörítésekor különbség van a veszteséges és a veszteségmentes tömörítés között, amelyet elvileg a nevek magyaráznak:
A veszteségmentes Tömörítés, a kép minőségének különbsége a tömörítés előtt és után gyakorlatilag láthatatlan. Gyakran elsősorban a képfájl felesleges metainformációit távolítják el a felesleges kilobájtok megtakarítása érdekében. A veszteséges A tömörítés ronthatja a képminőséget a színek és a felbontás csökkentésével. Másrészt a veszteséges tömörítés jelentősen nagyobb fájlméretet takaríthat meg.
A megfelelő beépülő modullal a képtömörítés szellővé válik
Az eredeti képek leépítésével, mielőtt feltöltené őket a WordPress-webhelyére, jó előrelépést jelent sok webhely-üzemeltető előtt. A meglévő médiakönyvtár visszamenőleges optimalizálása és az új képek tömörítésének automatizálása érdekében a pluginok a legkézenfekvőbb megoldás. Ezért szeretnék ma öt népszerű WordPress beépülő modult bemutatni, amelyek segítenek optimalizálni a képeket.
# 1: optimalizálja a WordPress képeket a WP Smush segítségével
Aktív telepítések: több mint 1 millió
Értékelés: 4,8 csillagos (5282 értékelés)
Támogatott formátumok: JPG, PNG, GIF (Pro: Konvertálás WebP-be)
Ingyenes: Képméret max. 5 MB, tömörítés max. 50 kép
Tömörítés: veszteségmentes (ingyenes) és veszteséges (Pro)
Amint azt a több mint egymillió telepítés és több mint 4500 értékelés mutatja, a WPMU DEV WP Smush az egyik legnépszerűbb képoptimalizáló bővítmény. A WP Smush ingyenes és fizetős verzióban érhető el. Most még lehetőség van arra, hogy a WP Smush Pro-t külön eszközként használja (WPMU DEV tagság nélkül) évente 60 dollárért.
Mit kínál a WP Smush ingyenes verziója?
Mint a legtöbb plugin, a WP Smush ingyenes verziójának is vannak bizonyos korlátai. Az ingyenes verzióban csak 5 MB méretű képeket lehet tömöríteni, szemben a WP Smush Pro 32 MB-mal. Ezenkívül a képoptimalizálás akár 200 százalékkal gyorsabban fut a Pro verzióban - állítja a WPMU DEV.
Ezt mondják maguk a WPMU DEV munkatársai a WP Smush alkalmazással végzett ingyenes képoptimalizálásról:
Ideális olyan emberek számára, akiknek minimális a mosásigénye, de mivel ez 5 MB-ra korlátozódik, nem olyan nagy azok számára, akiknek komoly sminkelésre van szükségük, például fotósoknak.
Ezenkívül az ingyenes verzióban csak veszteség nélkül tud tömöríteni. A legnagyobb veszteséges algoritmust használó „Super Smush” tömörítési szint csak a Pro verzióban érhető el. A tömeges tömörítés jelenleg 50 képre korlátozódik az ingyenes verzióban.
2. sz .: Optimalizálja a képeket az EWWW Image Optimizer segítségével
Aktív telepítések: több mint 800 000
Értékelés: 4,7 csillagos (893 értékelés)
Támogatott formátumok: JPG, PNG, GIF, PDF
Ingyenes: csak saját szerveren (API nélkül)
Tömörítés: veszteségmentes (ingyenes) és veszteséges (Pro) lehetséges
Mit kínál az EWWW Image Optimizer ingyenes verziója?
A lista többi beépülő moduljával ellentétben az EWWW Image Optimizer ingyenes verziójában a képtömörítés a szerveren történik. A beépülő modul működéséhez azonban szükség van az exec () függvényre, amelyet sok gazdagép biztonsági okokból nem engedélyez. Ez egyébként a RAIDBOXES-ra is vonatkozik.
Az EWWW IO fejlesztői ebben a cikkben elmagyarázzák, hogy miről is szól az exec () függvény. Ha továbbra is használni szeretné az EWWW IO-t, akkor használhatja a szolgáltatás API-ját. Ez a változat azonban díjköteles.
3. sz .: Képtömörítés JPEG és PNG képek tömörítésével
Aktív telepítések: több mint 200 000
Értékelés: 4,4 csillagos (134 értékelés)
Támogatott formátumok: JPG, PNG
Ingyenes: kb. 100 kép havonta
Tömörítés: veszteségmentes
Mit kínál a Compress JPEG & PNG Images ingyenes verziója?
A JPEG & PNG Images tömörítése a népszerű online tömörítő eszközök, a TinyPNG és a TinyJPG hivatalos plug-inje. A plugin ingyenes verziójában havonta körülbelül 100 képet tömöríthet.
Az ilyen képfontosságúaknál azonban figyelembe kell venni, hogy nemcsak az eredeti képet, hanem a WordPress által automatikusan generált formátumokat is optimalizálják és levonják a képi kreditekből.
A TinyPNG és a TinyJPG fejlesztői szerint a szolgáltatás átlagosan 40-60, a PNG képeket 50-80 százalékkal képes tömöríteni a látható minőségromlás nélkül.
4. szám: A WordPress képek optimalizálása az Imagify alkalmazással
Aktív telepítések: több mint 400 000
Értékelés: 4,5 (870 vélemény)
Támogatott formátumok: JPG, PNG
Ingyenes: Képméret max. 2 MB, feltöltés havonta legfeljebb 25 MB, regisztrációkor pedig egyszer 25 MB
Tömörítés: veszteséges és veszteségmentes
Mit kínál az Imagify ingyenes verziója?
Az Imagify egy bővítmény a WP Media-tól, amely a híres WP Rocket plugin mögött található. Az ingyenes verzióban legfeljebb 25 MB kép tömöríthető havonta, ami az Imagify készítői szerint körülbelül 250 képnek felel meg. A regisztráció során 25 MB egyszeri jóváírást is kap a feltöltési kontingensén.
Az Imagify három különböző szintű tömörítést kínál:
Normál: Ez veszteségmentes tömörítés. A kép látható minősége nem változik.
Agresszív: Ez a szint veszteséges, de csak kis mértékben romlik a képminőség. Az Imagify szerint a legtöbb esetben ez a veszteség alig észrevehető.
Ultra: Ez a plugin legerősebb tömörítési szintje, amely ennek megfelelően minőségromlást eredményez, de a legtöbb helyet takarítja meg.
5. szám: A WordPress képek optimalizálása a ShortPixel segítségével
Aktív telepítések: több mint 200 000
Értékelés: 4,6 csillagos (562 értékelés)
Támogatott formátumok: JPG, PNG, GIF, PDF
Ingyenes: 100 kép havonta
Tömörítés: veszteséges és veszteségmentes
Mit kínál a ShortPixel ingyenes verziója?
A ShortPixel ingyenes verziójában havonta legfeljebb 100 képet tömöríthet. Azokat a képeket vagy fájlokat, amelyeket a plugin nem tud 5% -nál nagyobb mértékben tömöríteni, méltányosságból nem vonják le a képi kreditekből. További előny, hogy nemcsak képeket, hanem PDF fájlokat is optimalizálhat.
További plusz, hogy veszteséges optimalizálás lehetséges az ingyenes verzióban is, és a feltöltött képek méretének nincs korlátja.
Következtetés: Az automatizált képoptimalizálás plug-inekkel időt takarít meg
És ez akár kétszer is: egyrészt Önnek és ügyfeleinek nem kell manuálisan optimalizálniuk, másrészt automatizált képtömörítéssel spórolhatjuk meg a betöltési időt.
Olyan időkben, amikor minden milliszekundum számít webhelye teljesítményében, a képoptimalizálás olyan intézkedés, amelyet a lehető legjobban ki kell használnia.
Hogy melyik képoptimalizálási plugin a legjobb megoldás az Ön számára, általában nehéz megválaszolni. Végső soron minden attól függ, hány képet kell optimalizálni utána, és hány új.
Ha havonta csak néhány képet tölt fel, és PDF fájlokat is használ a WordPress webhelyén, akkor a ShortPixel jó választás. Ha nem akar harmadik fél szervereire támaszkodni a képek optimalizálásában, és a gazdagép lehetővé teszi, akkor az EWWW.IO jó választás. A rendszeresen tartalmat előállító és sok képet feltöltő vállalatok számára érdemes lehet a WP Smush PRO, a WPMU DEV egyéb szolgáltatásaival együtt. Ez a helyzet például nálunk.
A maximális optimalizálás mottója: "kettő jobb"
Ha a lehető legkevesebb időt akarja eltölteni képeinek optimalizálásával, valószínűleg a fizetős pluginek a jobb választás. Tehát nem kell folyamatosan aggódnia a kimerült megabájtok vagy a képfüggvények miatt, és az optimalizálás automatikusan elindul a háttérben.
Ha egy kicsit több időt tud tölteni, és a lehető legtöbbet akarja kihozni a tömörítésből, akkor még „duplán kell optimalizálnia”. Ezt a megközelítést a RAIDBOXES-nál a lehető legjobban követjük. Még mielőtt feltöltenénk egy képet a médiatárba, a szükséges mérethez igazítjuk és a lehető legkisebb felbontásban exportáljuk.
A Photoshopban például lehetőség van képek kifejezetten webes használatra történő mentésére. Ennek parancsát a "Fájl" és a "Mentés webre" alatt találja. Használjuk a WP Smush Pro programot is, amely automatikusan tömörít minden, a WordPressbe feltöltött képet, és eltávolítja a felesleges metainformációkat.
Remélem, hogy az Ön igényeinek megfelelő plugin szerepel a listában. Ha van még egy plugin-ajánlása a képoptimalizálásra a WordPress programban, várom a megjegyzését.