képeket

A WordPress képek optimalizálása: 3 kiegészítő opció

A WordPress képek optimalizálása az egyik legjobb módszer a webhely betöltési idejének csökkentésére..

Sokan még egy lehetőségnek tartják a WordPress maximális optimalizálását. Tekintettel azonban arra, hogy a képek azok a tartalmak, amelyek első pillantásra a legtöbb figyelmet vonják magukra, nem tanácsos nélkülük nélkülözni. Így A fényképek leépítésének vagy tömörítésének elengedhetetlen kell, hogy legyen bárkinek, akinek van wordpress weboldala. És nem elég feltölteni a képet az alapértelmezett méretben, majd beállítani a méreteket a bejegyzésben vagy az oldal kiadásában, nem. Tehát az egyetlen dolog, amit megkap, az a webhely súlyának növelése.

A kép súlyának csökkentése a következő funkciókkal rendelkezik:

  • Csökkentse a betöltési időt a webhelyén.
  • Csökkentse a lábnyomot a szerveren.
  • Optimalizálja az erőforrás-felhasználást a tárhelyedet.
  • Javítsa a WordPress SEO optimalizálását.

Igen, ahogy olvastad. Hoz csökkentse a fénykép vagy kép méretét ennek betöltési ideje kevesebb lesz; és ez a Google nagyon jó szemmel látja. Végül mindez lehetővé teszi a WordPress betöltésének optimalizálását és a SEO javítását. Mostanra tudnia kell, hogy a Google beleszeret a könnyebb weboldalakba, amelyek gyorsabban töltődnek be, ezért készüljön fel erre a cikkre, ahol az összes a WordPress-képek optimalizálásának titkai a minőség romlása nélkül.

Mivel ez egy meglehetősen tág téma, a praktikumra fogok összpontosítani, hogy webhelye fénysebességgel töltsön be:

  • Csökkentse a képek méretét mielőtt feltöltené őket a WordPress-be
  • Tömörítse a képeket feltöltés WordPress beépülő modullal
  • Optimalizálja a közzétett képek betöltését a weboldal betöltési sebességének javítása érdekében

Hogyan optimalizálhatjuk a képeket, mielőtt feltöltenénk őket a WordPressre

A kép mérete (a méretek) közvetlenül összefügg ennek súlyával (bájtjaival).

Mielőtt bármilyen típusú képoptimalizálást végezne blogok vagy webhelyek számára, ideális az, ha csökkenti a kép méretét úgy, hogy pontosan illeszkedjen a képpontokhoz, ahol elhelyezkedni fog. Hadd magyarázzam el: az én esetemben meghatároztam, hogy a cikkeim tartalmának maximális szélessége 840 pixel, ezért soha nem fogok olyan képet feltölteni, amelyben több van. Logikus, igaz? Így megtakarítok néhány bájtot, amelyek nem járulnak hozzá semmihez, de károsak lennének a webhelyemre.

Egy másik fontos pont az a formátum kérdése, amelyben fényképeket, képeket, illusztrációkat stb. Amikor csak lehetséges, válassza a .jpg vagy a .jpeg fájlt a .png formátum helyett.

Idején tömörítse a fényképeket, mielőtt feltöltené őket a WordPress-be többel is találkozhat eszközök a képek méretének csökkentésére vagy a képek tömörítésére.

Itt van két tökéletesen érvényes lehetőség csökkentse a kép méretét (akár kombinálhatja mindkettőt): fizetett (Photoshop-szal) vagy ingyenes online eszközök a képek optimalizálásához a minőség romlása nélkül.

Hogyan csökkenthető a fotó mérete a Photoshop alkalmazással

Fogyjon el egy kép súlyából a Photoshop alkalmazással Nagyon egyszerű. Csak a kép méretének (méreteinek) csökkentésével már elveszíti a súlyát.

Ráadásul a fókusszal, a telítettséggel és a fényerővel játszhat, hogy még néhány bájtot csökkentsen. A kívánt kép megnyitása után lépjen a Kép> Képméret lehetőségre. Győződjön meg arról, hogy be van jelölve az Aspects Constrain négyzet, hogy megmaradjon a képforma. Csak válassza ki a kívánt szélességet, és meglátja, hogyan változik közvetlenül a magasság. Ezenkívül kényelmes is csökkentse a felbontást, 72 pixel/hüvelyk értéken hagyom, ez az optimális felbontás a képek képernyőn történő megtekintéséhez.

Csak ezzel nem telik el egy perc sem, több mint 50% -kal csökkentette a kép súlyát.

Ha akarod optimalizálja a képeket a webek számára vagy még többet blogolok, ajánlom a Fájl> Mentés webre lehetőséget, ahol a formátum és a minőség kiválasztása után még kisebb méretű fotó lesz.

Képzelje el az összes helyet és betöltési időt, amelyet elvesztegetne, ha nem töltött volna 30 másodpercet ezzel.

Ha nincs Photoshopja, mindig igénybe veheti a Windows Paint alkalmazást, bár a képméret csökkentésének szintje rosszabb lesz. Itt van egy videó, amely elmagyarázza, hogyan lehet csökkenteni a fényképek méretét és súlyát.

A legjobb ingyenes online eszközök a képek optimalizálására a WordPress számára

Számtalan olyan weboldal és alkalmazás található, ahol lehet tömörítse a képeket online ingyen de csak megmutatom 4 legjobb ingyenes eszköz a képek és fényképek tömegének csökkentésére. Ezen felül a legrosszabbtól a legjobbig sorrendbe állítom őket a tesztképhez elért csökkentés mértékének megfelelően.

Képoptimalizáló

Egy online platform a fényképek tömörítésére vagy a képek méretének ingyen csökkentésére egészen ismert.

Az Image Optimizer segítségével kiválaszthatja a kép maximális szélességét és magasságát, valamint az optimalizálási szintet. Ez adta nekem a legkevesebb bájtcsökkentést.

Webresizer

Ez az online eszköz a fényképek méretének csökkentésére vagy a fotók tömörítése Az előzőnél jobb eredményeket hozott, olyan extra segédprogramokkal is rendelkezik, mint a szegélyek hozzáadása, a vágás, a kontraszt, a telítettség vagy a fényerő megváltoztatása, a kép elforgatása stb. A kép optimalizálása előtt ne felejtse el megadni az összes szükséges paramétert az oldal alján.

Legyen figyelmes, mert most megérkeznek a 2 király az internet képoptimalizálási szolgáltatásában weboldalunkra.

Tinypng

A Tinypng az online alkalmazás egyszerre több kép méretének csökkentésére mit használok még.

Lehetővé teszi az optimalizálást a minőség romlása nélkül, akár 20 fotó, egyenként legfeljebb 5 MB-ig. Csoda, ha van kedved csökkentse egyszerre több kép súlyát. Az optimalizált képeket elmentheti a Dropboxba, vagy letöltheti a böngészőből. Ezzel a weboldallal 27% -kal csökkentettem a Photoshop alkalmazással optimalizált képet.

Compressor.io

És itt jön, ami számomra a legjobb ingyenes online eszköz a képek optimalizálására a minőség romlása nélkül.

Miközben ezzel az eszközzel egyszerre csak egy képet optimalizálhat, Két előnye van, amelyek nagyon fontosak számomra:

  1. Csökkentse a kép méretét (súlyát) jobban, mint bármelyik másikat.
  2. 10 MB-ig optimalizálhatja a fényképeket.

A Dropbox által optimalizált képet letöltheti a böngészőből, vagy elmentheti a Google Drive-ba. Ennek a platformnak köszönhetően A Photoshop alkalmazással végzett korábbi optimalizáláshoz képest 42% -kal csökkenteni tudtam a tesztkép méretét.

A WordPress alkalmazásban már feltöltött képek tömörítése

Ezt már látta optimalizálja a képeket a WordPress számára mielőtt feltöltené őket, akkor szellő, ezért hagyja abba a kifogásokat és tegye meg (a saját érdekében). Ez itt nem ér véget. Ha már feltöltötted őket, még jobban csökkentheted a fotók súlyát, és akár pixelben is módosíthatod a méretüket.

A WordPress-kép átméretezése plug-inek nélkül

Mert csökkentse a kép méreteit WordPress beépülő modulok nélkül A Média> Könyvtár> Válassza ki a képet> Kép szerkesztése menüpontot kell választania. Írja be az új dimenziókat, kattintson a Méretezés és a voila gombra, átméretezheti a képeket anélkül, hogy a WordPress minősége romlana.

Ezt a lehetőséget azonban nem ajánlom. Az átméretezett kép jobb lesz, mint az eredeti, azonban az eredetit nem törli, hanem a szerverre menti. Ezért, még akkor is, ha átméretez egy képet, az eredeti továbbra is helyet foglal a szerveren (bár ez közvetlenül nem befolyásolja a weboldal betöltési sebességét, mivel az általad közzétett kép már átméretezett kép lesz).

A legjobb bővítmények a képek optimalizálásához a WordPress alkalmazásban

Számos WordPress beépülő modul optimalizálja a webhely betöltési idejét. Ami a képeket illeti, sokat próbáltam a WordPress webtervezõi pályafutásom során. Ebben a cikkben kettőt fogok ajánlani, bár kétségtelenül a kedvencem az első.

WP Smush plugin

Az általam ajánlott lehetőség a WP Smush telepítése, ami a bővítmény a képek tömörítéséhez a Worpressből aki gondoskodik a a képek méretének automatikus csökkentése.

Az összes kép, amelyet feltöltött, mióta ezt aktiválta képcsökkentő plugin optimalizálódnak anélkül, hogy bármit is tenne. Lehetősége van arra is, hogy optimalizálja azokat a képeket, amelyeket már feltöltött a plugin telepítése előtt. A képek lehető legnagyobb mértékű optimalizálásához hajtsa végre az összes lépést, amelyet ebben a cikkben elmagyarázok. Ha csak ezt a plugint használja, mint a képoptimalizáló, a mentett bájtok száma sokkal kevesebb lesz. A plug-inek szempontjából azonban továbbra is a legjobb megoldás a WordPress képek optimalizálására.

EWWW Image Optimizer

Ez a bővítmény a leggyakrabban használt, amikor a WordPress képeket optimalizálja a minőség romlása nélkül. Több mint 400 000 letöltése és jó minősítése miatt ez a plugin a második választásom. Gyakorlatilag lehetővé teszi, hogy ugyanazt tegye, mint az előző plugin, azonban sikerült ellenőrizni, hogy ennek a képoptimalizáló bővítménynek a mérete és súlya valamivel nagyobb-e, tehát kicsit jobban befolyásolja a web terhelését. De még mindig remek lehetőség.

Azt tanácsolom, hogy próbáld ki a két beépülő modult, és nem csak arra hatsz, hogy melyik a nehezebb, hanem engedd magad elragadni azzal, amely megkönnyíti a képek tömörítését a WordPress-ben anélkül, hogy befolyásolná a minőséget.

Növelje webhelye betöltési sebességét: optimalizálja a képek betöltését

Egy másik bővítmények a képek optimalizálásához a WordPress alkalmazásban az Lusta teher.

Bár ez az ingyenes plugin nem módosít egyetlen képet sem, két dolgot kínál:

  1. Csökkentse az internet betöltési idejét.
  2. Hozzon létre egy szép hatást, amikor képet tölt be.

A Lazy Load egy olyan plugin, amely felelős a képek betöltéséért, amikor az olvasó eléri az oldal azon részét, ahol a képet meg kell jeleníteni.

Mivel nem minden kép töltődik be egyszerre, a weboldal betöltési sebessége gyorsabb lesz.

Ha fel akarja gyorsítani WordPress-jét, hogy villámszerűen haladjon, akkor csak össze kell kapcsolnia az összes WordPress-képoptimalizálási lehetőséget, amelyet ebben a cikkben láttunk. Biztosítom, hogy alig tud tömörítse a képeket a WordPress programban többet, mint ez a cikk megengedi. Remélem élvezted.