A kép optimalizálása a webhelyhez a kép fájlsúlyának csökkentése.
Ez egy nagyon egyszerű koncepció, de rendkívül fontos a webhely teljesítménye és az összes látogató élménye szempontjából, amikor az Ön webhelyét böngészi.
Tárhelyszolgáltatásunk részeként professzionális weboptimalizálási folyamatot kínálunk, amelynek során az Ön weboldalának betöltési idejét legfeljebb 1,5 másodpercre csökkentjük. Ez az ingyenes szolgáltatás éves fizetési ciklussal szerepel a Prémium és Üzleti tervekben. Tízből 8 általunk optimalizált webhelynek komoly problémája van a képeikkel, vagyis mindig túl nehéz.
Ha a webhely képe túl nehéz, akkor látogatójának hosszabb ideig kell töltenie a webhelyet, ha sok látogató azt találja, hogy a webhely ugyanazon oldalát túl nehéz képekkel nézi meg, akkor a webhelyén hosszabb ideig tart reagálni és kiszolgálni az a fájl olyan nehéz az összes látogató számára.
A képek optimalizálása lehetővé teszi a webhely gyorsabb betöltését, valamint javítja a webhely használhatóságát és SEO-ját.
Webhelyed betöltési ideje fontos tényező a Google számára, minél jobban optimalizálod a webhelyedet, annál jobb lesz a rangsorod a Google eredményoldalán.
A kép feltöltésekor általában azt tesszük, hogy letöltjük a képet, és közvetlenül a libériai médiába töltjük fel a WordPress alkalmazásban, majd hozzáadjuk a cikkünkhöz vagy oldalunkhoz, és ennyi.
A probléma az, hogy a letöltött képek általában nagyon nehézek, egy másik korábbi cikkemben több olyan webhelyet mutattam meg nektek, ahonnan legális képeket tölthettek le, amelyeket felhasználhatnak a webhelyen.
Elfogadja, hogy ezek a képek nagyon jó minőségűek, de amikor letölti őket, látni fogja, hogy átlagos súlyuk 3 MB és 5 MB között van, valójában a kép fényképének súlya, amelyet erre a bejegyzésre használtunk, 5,3 MB
Tegyük fel, hogy úgy döntök, hogy nem optimalizálom a képet az internet számára, és egyszerűen letöltöttem, és ebbe a cikkbe helyeztem. Ennek az oldalnak a betöltése ezért túl sok időt vesz igénybe, attól függően, hogy milyen gyors vagy.
Vegye figyelembe, hogy a webhelye betöltési időkorlátja jónak tekinthető legfeljebb 3 másodperc.
Ezt szem előtt tartva megmutatom, mennyi időbe telik a különböző felhasználóknak az 5,3 MB-os kép különböző internetes sebességgel történő betöltése:
| ADSL | 256 kbit/s | 3 perc és 10 másodperc. |
| ADSL | 512 kbit/s | 1 perc és 35 másodperc |
| ADSL | 1 Mbit/s | 48 másodperc |
| ADSL | 2 Mbit/s | 24 másodperc |
| ADSL | 8 Mbit/s | 6 másodpercig |
| LAN | 10 Mbit/s | 4 másodpercig |
| ADSL | 24 Mbit/s | 2 másodpercig |
Tehát, amint láthatja, túl sok idő szükséges csak a kép letöltésére, ehhez meg kell növelnie a JavaScript, CSS, HTML fájlok, a webhelyen lévő egyéb képek és a külső szolgáltatásokon található egyéb fájlok súlyát a webhelye, például a Google betűtípusai, az Analytics, a Facebook JS stb.
Kombinálásakor, és ha optimalizáltuk a Javascript, CSS és HTML fájljainkat, 0,5 MB súlyúak lehetnek a fájlok, így hozzá kell adnunk a fiókhoz.
Figyelembe véve, hogy Latin-Amerikában az átlagos internetsebesség 5,6 MB, Spanyolországban pedig 15,5 MB, akkor latin látogatónak 8 másodpercbe kellene telnie, míg Spanyolországban 3 másodpercre van szüksége.
És ennek az időnek több mint 85% -a tölti be a képet, amelyet nem optimalizáltunk.
De ebben a cikkben már optimalizáltam a képet, és a folyamat végén a cikk képének súlya 59,3 KB (0,059 MB), mivel láthatja, hogy ez nagy súlycsökkenés, és ez egy gyorsabban betöltő webhely.
Most megmutatom, hogyan optimalizálhatja a képeket a saját webhelyén. Két lépésről fogunk beszélni, amelyekre koncentrálnia kell a folyamat során.
Tartalomjegyzék
Módosítsa a kép méretét
Ez az egyetlen lépés több mint 50% -kal csökkentheti a kép súlyát. Ebben a lépésben meg kell győződnünk arról, hogy a képnek meg vannak-e a kívánt méretei.
Például az én esetemben a blog összes képének szélessége 640 képpont, magassága pedig 350 képpont, ezért módosítanom kell a képeket, hogy ezek a méretek legyenek.
A cikk eredeti képének mérete 4000 pixel széles és 2900 képpont magas volt, ez túl sok, sokkal több, mint amire szükségem van a webhelyemhez.
Ezután kisebbnek kell lennie a képnek, meg kell mérnie a saját weboldalán a szükséges méreteket, és ezek alapján kell létrehoznia a képeket.
Ennek a folyamatnak többféle módja van, használhatja például a Photoshopot vagy a Gimpet, de használhat olyan online eszközöket is, mint például a Canva.com, így készítettem ezt a képet.
A Canváról egy jövőbeni cikkünkben részletesebben fogunk beszélni, mivel ez kiváló eszköz, és hogy sokat használunk képeinken.
A Canva segítségével létrehozhat egy dokumentumot a kívánt dimenziókkal, majd feltöltheti a képét, elhelyezheti a vásznon, majd letöltheti az új képet a megfelelő méretekkel, ez rendkívül egyszerű.
Csak ezzel a lépéssel sikerült a kép súlyát 5,3 MB-ról 173 KB-ra (0,17 MB) csökkenteni, ami több mint 94% -os csökkenést jelent
Meghívlak benneteket, hogy próbálja ki a Canva eszközt, és várjon egy oktatóanyagot a jövőben erről a nagyszerű és ingyenes eszközről 😀
Használjon képtömörítőt
Fontos, hogy a lépés végrehajtása előtt végezze el az előzőt, különben ez a lépés nem a legjobb eredményt adja.
Ebben a lépésben olyan alkalmazásokat használhatunk, amelyek lehetővé teszik a kép tömörítésének javítását, ez a folyamat tovább csökkenti a kép súlyát a minőség elvesztése fejében.
De ne aggódjon, mivel a minőség romlása még sólyomként sem észlelhető, nagyon kicsi, és nagy előnyt élvezünk a súly csökkentésében.
Számos olyan webalkalmazás létezik, amelyek lehetővé teszik ennek a folyamatnak a teljes elvégzését. Mindezen oldalakon egyszerűen fel kell töltenie a képét, várnia kell körülbelül 15–30 másodpercet, amíg tömörítik, majd letöltheti a tömörített képet.
Ez nem módosítja a kép méreteit, csak a kép súlya módosul.
Néhány webhely, amely ezt a szolgáltatást nyújtja Önnek, a következő:
Mint láthatja, nagyon egyszerű használni ezeket a szolgáltatásokat, de minden bonyolult, ha sok kép van a webhelyén, esetünkben több száz képünk van, és mindegyikükhöz ezt megadva olyan feladat lenne, amelyben nem pazarolhatja az időt.
Ezért vannak olyan beépülő modulok a WordPress számára, amelyek automatikusan növelik az összes, a webhelyre feltöltött kép súlyát. Először megmutatom az általunk használt plugint és más általunk tesztelt pluginokat, amelyek egyformán nagyon jók.
ShortPixel
Tapasztalataink szerint ez a legjobb megoldás, csapatunk minden nap 15-20 weboptimalizálást hajt végre teljesen ingyenesen a tárhely ügyfeleink számára, a weboldalakat körülbelül 1,1 másodperc alatt, legfeljebb 1,5 másodperc alatt töltjük be.
Ennek a mennyiségű optimalizálásnak köszönhetően sok optimalizálási bővítményt tesztelhettünk képek számára, és a ShortPixel az, amely a legjobb eredményeket hozta nekünk.
A ShortPixel lehetővé teszi az összes JPG, PNG vagy GIF kép optimalizálását, csak a WordPress-be kell feltöltenie a képeit, ahogy általában, és a plugin úgy optimalizálja a képet, hogy semmit sem kellene tennie.
Miután cikkünk képét ShortPixel-rel optimalizáltuk, egy 59,3 KB (0,059 MB) súlyú fájlhoz jutunk, ami 99% -os csökkenést jelent a kezdetben 5,3 MB súlyú képben.
Ez a bővítmény lehetővé teszi az összes korábban feltöltött kép optimalizálását is. Egyetlen gombbal megkezdheti a teljes képtár optimalizálását. A legjobb az egészben, hogy az összes nem optimalizált képéről biztonsági másolatot készít.
Ezenkívül lehetősége van a képek WEBP változatának létrehozására. A WEBP egy speciális képformátum az internet számára, ez a fájlformátum jobb, mint a normál JPG vagy PNG, további 26–35% -ot kaphat a kép optimalizálásához.
Ez azonban egy viszonylag új fájlformátum, amelyet a Google hozott létre, és bár a Google Chrome támogatja ezt a formátumot, a webdesign világában még nem szabványos, így a közeljövőben használhatná ezt a formátumot, de ebben még nem.
A ShortPixel használatához telepítenie kell a bővítményt a WordPress alkalmazásból, és létre kell hoznia egy ingyenes fiókot a ShortPixel webhelyen, egy ingyenes fiókkal pedig optimalizálási kreditet kap.
Havonta 100 kreditet kap, amely minden egyes optimalizált képre számít a webhelyén. Ha webhelyének többre van szüksége, megvásárolhatja a havi terveket vagy az egyszeri terveket.
Mostantól azt mondom, hogy az egyszeri fizetési tervek jobbak, 10 000 kreditet szerezhet csak 9,99 USD-ért
EWWW Image Optimizer
Ennek a bővítménynek a telepítésével automatikusan optimalizálódik az összes WordPress-webhelyre feltöltött PNG, JPG vagy GIF kép. Ez magában foglalja a médiatárban lévő összes kép optimalizálását is.
Az EWWW Image Optimizer egyik negatív oldala azonban az, hogy az optimalizálást saját webhelyén végezzük, például a ShortPixel esetében az optimalizálást a felhőben, a ShortPixel szervereken végezzük, majd az optimalizált képeket elküldjük ismét a webhelyére, ily módon a weboldal nem töltődik be további folyamatokkal, és a rendelkezésére álló erőforrásokat nem költenek képoptimalizálásra.
Ezenkívül további fájlokat kell telepíteni a kiszolgáló oldalra, és előfordulhat, hogy a gazdagép nem rendelkezik az összes szükséges könyvtárral, ami miatt nem használhatja a bővítményt; de ha van nálunk tárhelyfiók, akkor nem kell aggódnia, mivel az összes szükséges fájlt előre telepítettük, és nem szabad semmit sem tennie, egyszerűen telepítse a bővítményt.
De ha nem rendelkezik olyan tárhely-fiókkal, amelynek jó a tárhelye, mint a miénk, és nem tudja használni a bővítményt, akkor az EWWW Image Optimizer felhőalapú képoptimalizálást is kínál, így nem kell külön telepítenie.
Az ár időpontjában a képenkénti kredit drágább, mint a ShortPixel, az a 9,99 dollár, amely a ShortPixel-ben 10 000 képet ad, az EWWW Image Optimizer-ben pedig 3330 képet adna, így a ShortPixel jobb megoldásnak tűnik fizetésekor a szolgáltatásért.
WPSmush
Ez a bővítmény a wpmudev.org és a bővítmények hatalmas listájának része. A WP Smush segítségével automatikusan optimalizálhat minden olyan PNG vagy JPG képet, amelyet feltöltött a WordPress webhelyére, ráadásul lehetősége van egyszerre sok kép optimalizálására, azonban az ingyenes verzióban egyszerre csak 50 képet optimalizálhat.
A WPSmush használatakor két optimalizálási módszer létezik: Lossy és „Super Smush”, de az ingyenes verzióban csak a Lossy alkalmazható, amely elfogadható tömörítést és minőséget nyújt, de a ShortPixelhez képest átlagosan 20% -kal csökken a a kép végső súlya.
Vannak más fizetett funkciók is, például a PNG képek JPG formátumba konvertálása, ami a ShortPixel ingyenes lehetősége.
A WPSmush értéke a wpmudev előfizetés értékén belül van, ára havi 49 dollár.
Ezen beépülő modulok mellett vannak mások, amelyek segítenek a képek automatikus optimalizálásában. Néhány ilyen:
Mint látható, a kép optimalizálásának számos módja van, és a WordPress beépülő moduloknak köszönhetően automatikusan optimalizálhatja képeit, és nem kell manuálisan végrehajtania a folyamatot.
Ha még nem optimalizálja a weboldal képeit, akkor ma kezdje el. Nagy változást hozhat a webhely sebességében, ami boldog látogatóknak és a Google további szeretetének köszönheti a webhelyet a keresési eredmények között.
Egyébként azt javaslom, hogy keresse fel azt a cikket, ahol olyan webhelyeket mutatok be, ahol teljesen legális és licencproblémák nélkül ingyenes képeket találhat a webhelyéhez.
Ha bármilyen kérdése van, ne habozzon, írjon megjegyzést.
- Optimalizálja a képeket a Muwalk Web számára
- Optimalizálja a képek súlyát a WordPress - Video alkalmazáshoz
- Herbalife Nutrition Independent Member Hogyan fogyasszunk gyümölcsöt fogyáshoz Member of
- A Herbalife Nutrition független tagja Hogyan lehet gyorsítani az anyagcserét a fogyás érdekében
- Herbalife Nutrition Independent Member Hogyan készítsünk kanári mag tejet fogyáshoz