Képoptimalizálás a WordPress Digital Craft Agency-ben

Kép optimalizálása a kép nem optimalizálásához képest

A képoptimalizálás a helymegtakarítás folyamata a képek minőségének romlása nélkül. A folyamat hosszú lehet, ha a képek száma nagy, és ha a képek sokat "súlyoznak". Bár a folyamat összetettnek tűnhet, meglehetősen egyszerű. Manapság a technológia elég sokat fejlődött, és most a folyamat automatizálható. A képek optimalizálásához a WordPress programban olyan beépülő modulokat és eszközöket használhat, amelyek automatikusan tömörítik a képeket. Általában 80% -ra csökkentik a képek méretét a vizuális minőség romlása nélkül.

Az optimalizált kép akár 75% -kal is kisebb lehet, mint az eredeti, különösen, ha az online környezetben használt képekről van szó.

Javasoljuk a képek optimalizálását, és mind az oldalak betöltési sebességét ellenőrző eszközök, mind a szakemberek között eleget teszünk ennek az ajánlásnak.

Hogyan működik a képoptimalizálás?

Egyszerűbben fogalmazva: az optimalizálási folyamat olyan technológiát használ, amely tömöríti a képeket, és így csökkenti az általuk elfoglalt helyet, anélkül, hogy észrevenné az emberi szem minőségének romlását.

Az optimalizálás előnyei

A képoptimalizálás legfontosabb előnyei a következők:

• a rakodási sebesség csökkentése;
• a SEO pontszámának javítása;
• jobb értékesítési konverzió;
• a felhasznált terület alacsony fogyasztása;
• alacsony internet sávszélesség-fogyasztás;
• a tárhely és a CDN költségeinek csökkentése;
• gyorsabb hátlapok.

A filmezés kivételével a képek a weboldal "legnehezebb" elemei. Ők teszik ki a weboldal "súlyának" körülbelül 21% -át.

Mint tudjuk, hogy egy webhely betöltési sebessége a keresőoptimalizálás (SEO) folyamatában is számít, az optimalizálást mindenkinek el kell végeznie. A webhely típusától függetlenül ez az optimalizálás segíthet az interneten való sikerben. Egyes tanulmányok szerint a webhely betöltésének egy másodperces késése akár az eladások 7% -ába, a megtekintések 11% -ába és az ügyfelek elégedettségének 16% -ába is kerülhet. Ha ezek a statisztikák nem elég fontosak ahhoz, hogy munkába állhasson, akkor tudnia kell, hogy a Google előnyben részesíti a gyors webhelyeket.

Hogyan takaríthat meg helyet a képoptimalizálás segítségével?

A megfelelő optimalizálás kulcsa a képek interneten történő felhasználása szempontjából az, hogy megtalálja az egyensúlyt a minőség és a tér között. Tudnia kell, hogy nem általában a képoptimalizálásról beszélünk. A filmekhez, fényképalbumokhoz és így tovább készített dedikált képeket nem szabad optimalizálni, mivel offline módon használják őket. A csak az interneten használt, weboldalakon megjelenített képeket ennek megfelelően kell optimalizálni. Három elemnek van óriási hatása az optimalizálásra:

1. képformátum (JPEG, PNG, GIF);
2. tömörítés (magasabb tömörítési szint = kisebb fájl);
3. a kép méretei (magasság és szélesség);

E három elem tökéletes kombinációjának megválasztásával akár 80% -kal is csökkentheti a kép "súlyát";

Képformátum

A legtöbb webhelytulajdonos számára csak három képbővítmény számít: JPEG (JPG), PNG, GIF. A megfelelő formátum kiválasztása fontos szerepet játszik az optimalizálásban.

Egyszerűen fogalmazva: JPEG-t szeretne használni többszínű képekhez, PNG-t az egyszerű vagy átlátszó háttérképekhez, és GIF-et az animált képekhez.

A PNG egy tömörítetlen formátum, amely kiváló képminőséget kínál. A probléma az, hogy túl nagy a méretük. Másrészt a JPEG egy tömörített formátum, és kissé rontja a képminőséget. Így a JPEG-képek kevesebb helyet foglalnak el a kiszolgálón, amely otthont ad Önnek. A GIF-ek csak 256 színt használnak, és tömörített képek is. Tökéletesek animált képekhez.

Futásidő

A képtömörítésnek több szintje van. Minden szintet a tömörítéshez használt eszköz határoz meg.

A legtöbb képszerkesztő, például az Adobe Photoshop, a GIMP, az Affinity Photo, az On1 Photo saját képtömörítési funkcióval rendelkezik.

Képeket menthet a számítógépére, majd használhat egy online eszközt, például a TinyPNG-t vagy a JPEG Mini-t az egyszerű tömörítéshez.

Ez a két módszer segít optimalizálni a képeket, mielőtt feltöltené őket a WordPress-be. De vannak olyan WordPress beépülő modulok is, amelyek segítenek automatikusan optimalizálni őket, miután betöltődtek. Sokan inkább ezeket a bővítményeket használják. Ide tartozik a Smush, az Optimole, az EWWW és az Image Optimizer.

Képméretek

Normál esetben, amikor fényképeket importál telefonjáról vagy digitális fényképezőgépéről, nagyon nagy felbontású és nagyon nagy méretű. Ezeknek a fényképeknek legalább 300 dpi felbontásúak és 2000 pixelből indulnak. Tökéletesek nyomtatáshoz vagy számítógépen történő használathoz. Nem alkalmasak az online térben történő megjelenítésre.

A méret (magasság és szélesség) csökkentésével automatikusan csökken a kép "súlya". Az Átméretezés funkciót használhatja a számítógép képszerkesztőjével.

Optimalizáltam például egy 1,8 MB-os fotót, 300 DPI felbontást és 4900 x 3200 pixelt. A jobb tömörítés érdekében a JPEG formátumot választottam, és a fényképet átméreteztem 1200 x 795 pixelre, a képet 103 KB-ra csökkentve. Az eredeti fotó tömegének 94% -a elveszett.

Szerkesztők és eszközök a képoptimalizáláshoz

Korábban említettünk néhány képszerkesztőt, de olyan online eszközöket és WordPress beépülő modulokat is, amelyek képesek optimalizálni a képeket. Javasoljuk az optimalizálást segítő eszközök használatát a WordPress-be történő feltöltés előtt. Így gyorsabban spórolhat helyet a webhelyet üzemeltető kiszolgálón.

Az Adobe Photoshop a legnépszerűbb képszerkesztő. Engedélyezett, tehát nem ingyenes. Tömörítési funkciója a képek mentése, hogy azok optimalizálhatók legyenek az internet számára. Egyszerűen használja azt a speciális mentési funkciót, amely után kiválasztja a képformátumot és a különböző minőségi opciókat, ha vannak erre a formátumra. Láthatja a kép méreteit, de a kép "súlyát" is.

A Gimp egy másik népszerű képszerkesztő, valószínűleg a legnépszerűbb ingyenes szerkesztő. Ez az Adobe Photoshop egyik kedvelt alternatívája. Használható webes képoptimalizálásra, de nincs annyi lehetősége, mint a Photoshopnak. Miután megnyitotta a képet a GIMP-ben, tömörítés céljából JPEG formátumban kell exportálnia.

A TynyPNG egy ingyenes online eszköz, amely segít csökkenteni a PNG képek méretét. Csak nyissa meg a webhelyet, és töltsön fel PNG vagy JPEG fájlokat tömörítés céljából. Van egy WordPress beépülő modul, de az Adobe Photoshop bővítménye is.

Lásd még a cikkben bemutatott útmutatót: Képek szerkesztése a WordPress szerkesztővel.

---