Blog bejegyzés

Top WP Bővítmények: WP Smush

WP Smush

A „Top WP Bővítmények” sorozatunk mostani állomásaként a legnépszerűbb képméret optimalizáló WordPress plugint, a veszteségmentes képtömörítést használó WP Smush bővítményt fogjuk ismertetni, amelynek legnagyobb előnyei közé sorolandó, hogy:

  • ingyenes
  • jócskán csökkenti a képfájl méretét
  • veszteségmentes képtömörítést használ (vagy legalábbis olyan veszteséges eljárást, amit az emberi szem nem igazán lát)
  • nagyon gyorsan tömörít
  • az adott kép összes méretét optimalizálja (függetlenül attól, hogy az adott sablon hány félét használ, pl.: bélyegkép, nagy- és közepes méret, stb.)
  • támogatja a legnépszerűbb képtípusokat

A WP Smush pluginnal „csak is kizárólag” a médiatárba feltöltött képeink (jpeg, gif, png) méretet tudjuk csökkenteni mindenféle minőségromlás nélkül, mely eljárás gyorsabb betöltődést eredményez weboldalunk számára.

Tipp: a plugint nem csak bulk eljárással (egyszerre több képet is tömöríthetünk) használhatjuk, hanem a médiatárban a képeket külön-külön is tömöríthetjük vele.
Megjegyzés: az ingyenes verzióval egyszerre csak 50 képet tudunk tömöríteni, utána a folyamat megáll, amelyet ismét el kell indítanunk, hogy a többi képet is betömöríthessük.
+Megjegyzés: a bővítménnyel képesek vagyunk arra is, hogy a képekből kivegyük az EXIF adatokat (némileg ezzel az eljárással is csökkenthetjük a képek méretét), valamint automatán átméretezzük (max szélesség és magasság megadása mellett), és/vagy automatán tömörítsük azokat, miközben a médiatárba feltöltjük a képfájlokat.

Felhívjuk a figyelmét arra, hogy leírásunkban az „ingyenes” 2.4.3-as verziójú plugin beállításait részleteztük. Az újabb változat ennél több funkciót tartalmazhat, és előfordulhat, hogy néhány funkció azóta más helyre került. Amit fontos még kihangsúlyoznunk, hogy az ingyenes változattal az eredeti kép nem tömöríthető, ez a funkció csak a Pro változatnál elérhető.

Kezdés (telepítés és aktiválás):

A képtömörítő bővítményt egyszerűen telepíthetjük úgy, hogy letöltjük a WordPress.org bővítmény kínálatából, majd a rar fájlt az admin felületen a „Bővítmények/Új hozzáadása/Bővítmény feltöltése” alatt csak betallózzuk és feltelepítjük, majd a sikeres telepítést követően aktiváljuk.

Alternatív megoldásként a rar tartalmát feltölthetjük FTP programon keresztül a /wp-content/plugins/ könyvtárba, de utána az admin felületen a „Bővítmények/Telepített bővítmények” alatt ne felejtsünk el a „Bekapcsolás” gombra kattintani.

Létezik még olyan megoldás is, hogy weben a tárhelyszolgáltató Control Panel-én keresztül töltjük fel a bővítményt, de ezt a lehetőséget tárhelyszolgáltató válogatja, hogy engedélyezi-e egyáltalán.

Beállítások:

Miután aktiváltuk a veszteségmentes képtömörítést használó bővítményt az alábbi menüpontokkal fogunk találkozni. A fontosabb menüpontokról/beállításokról képernyőképet is készítettünk, melyeket legalul a képgalériában tekinthet meg.

Menüpontok (beállítások, javaslatok):

– Médiatár/WP Smush menüpont

Ebben a menüpontban a plugin beállítását láthatjuk, ingyenes verzió esetén 3 opcióval:

  • Automatically smush my images on upload (automatikus képtömörítés használata mialatt a képek feltöltésre kerülnek a médiatárba)
  • Preserve image EXIF data (a tömörítés során az EXIF adatok eltávolítása, amely adatokat a képkészítő készülékek helyeznek el a képben)
  • Resize original images (eredeti képek átméretezése a max szélesség és magasság megadása mellett)

Javaslat a beállításhoz:

Hagyja mindhárom opciót kikapcsolva (egyrészről azért, mert a képeket utólagosan is könnyedén tudja manuálisan is tömöríteni, másrészről pedig azért, mert az EXIF adatok – az adott készülék beállításától függően – fontos információkkal is szolgálhatnak: mint például a kép szerzőjének nevéről vagy weboldalának elérhetőségéről, harmadrészről pedig azért, mert nagy valószínűséggel a megfelelő felbontásban töltötte fel a képeket a médiatárba és azokat utólagosan nem kell korrigálnia).

Hogyan tudom tömöríteni a képeket?

A médiatárba feltöltött képeket kétféleképpen tömörítheti:

  • egyrészt, a beállításokon belül a „BULK SMUSH NOW” gombra kattintva (ebben az esetben a korábban kihagyott összes kép optimalizálásra kerül)
  • másrészt, közvetlenül a médiatárban az adott kép mellet a „Smush Now!” gombra kattintva (ebben az esetben minden korábban még nem optimalizált képet egyesével kell tömörítenünk)

WP Smush Képgaléria (beállítások):

 

WP Smush Képgaléria (mintapéldák):

 

Az 1. képen az eredeti kép látható. A 2. képen a nagy méret, amelyet a WordPress automatikusan készített el az eredeti képből az előre beállított méret alapján. A 3. képen pedig már a 2. kép egy WP Smush plugin által tömörített verziója látható.

Mint látható, a 2. és a 3. kép között csak minimális különbség van (a háttér fakóbbnak tűnik), de mégis közel 20%-ot spóroltunk meg azzal (és ezt csak 1 méretnél), hogy használtunk képtömörítést.

Tipp: képbeágyazásnál, ha az eredeti (full) kép túl nagy felbontású, akkor ne azt használjuk, hanem a nagy (large) méretűt, mert ezzel is nagyban csökkenthetjük a weboldal betöltődésének sebességét.
Megjegyzés: a képeken az egyik referencia munkánk, a GG Photography képei láthatóak.

Fizetős (pro) változat funkciói:

  • eredeti kép tömörítése
  • még jobb tömörítési eljárás, nagyobb hatékonysággal (kisebb képfájl méretet eredményez)
  • a képtömörítési folyamatban 50 képenként nincsen megállás
  • automatikus png konvertálás jpg-é (minimális veszteséggel)
  • biztonsági másolat (backup) készítése az eredeti képfájlokról
  • nextgen gallery és wp retina plugin támogatás
  • 24/7/365 támogatás (support)

Letöltés (ingyenes verzió):

https://wordpress.org/plugins/wp-smushit/

Alternatív megoldásként, további ingyenes képtömörítő bővítmények:

https://wordpress.org/plugins/ewww-image-optimizer/

https://wordpress.org/plugins/imsanity/

https://wordpress.org/plugins/tiny-compress-images/

Online képtömörítő szolgáltatások:

http://www.imgopt.com/

https://kraken.io/web-interface

SEO tipp:

A weboldali képek optimalizálása terén az egyik legfontosabb feladatunk a képek fájlméretének megfelelő elérése, amely jócskán csökkentheti weboldalunk betöltődésének sebességét. Ennek elérése után viszont még nem dőlhetünk hátra, mert a képek egyéb optimalizálását (SEO) is el kell végeznünk, amiket a Képek optimalizálása WordPress-ben cikkünkben részletesen is kifejtünk.

Nagyon fontos!

SOHA ne töltse fel a fényképezőgépéből közvetlenül a weboldalára a képeket! A feltöltésük előtt mindenképpen optimalizálja méretűket (elfogadható méret: max 200-300 KB, de minőségi képek esetén lehet 300-800 KB is)! Ha 3-5 MB-os képeket tölt fel, akkor nincs az a bővítmény, amely elfogadható méretűvé optimalizálná utólag, és azt se felejtse el, a nagyméretű képek jócskán növelik weboldalának betöltődésének sebességét, amellyel egyenes arányban növekszik a visszafordulási arány (bounce rate) értéke is.

További hasznos top bővítmények a wpSHOP.hu ajánlásával!

Print Friendly, PDF & Email

Komment (1)

  1. Mészöly József 2019-03-31 | 18:37 Válasz

    Köszönöm a cikket. Hasznos volt.
    Egy hibára szeretném felhívni a figyelmeteket.
    A betöltési idő és a betöltési sebesség fogalmakat, következetesen rosszul használjátok.
    A kettő között egyértelműen fordított arányosság van. Tehát ha nő a betöltési sebesség, akkor csökken a betöltési idő. Ez egyértelmű. Viszont permanensen fordítva van leírva, így, ha valaki értelmezi is amit olvas akkor nem biztos, hogy olyan kép alakul ki benne rólatok,amit szeretnétek…
    Egy példa:
    “a nagyméretű képek jócskán növelik weboldalának betöltődésének sebességét”
    ez helyesen úgy nézne ki, hogy:
    a nagyméretű képek jócskán növelik weboldala betöltődésének idejét
    Ezt a hibajelenséget végig az egész cikkben megtalálni…
    Ezt a hozzászólást ne jelenítsétek meg.
    Nem trollkodásnak szántam.
    A segítő szándék vezetett.
    Tisztelettel: Mészöly József

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöljük.

Hasonló bejegyzések

Cookie Notice
Top WP Bővítmények: Cookie Notice

Cookie figyelmeztetés készítése a süti kezeléséről A „Top WP Bővítmények” sorozatunk mostani állomásaként az egyik

WP Login Lock
Top WP Bővítmények: Login LockDown

Bejelentkezési felület védése a Login LockDown pluginnal A „Top WP Bővítmények” sorozatunk újabb állomásaként az

WP-Optimize
Top WP Bővítmények: WP-Optimize

Adatbázis optimalizálás a WP-Optimize pluginnal A „Top WP Bővítmények” sorozatunk mostani állomásaként a legnépszerűbb adatbázis

BackWPup plugin
Top WP Bővítmények: BackWPup

Biztonsági mentés készítése a BackWPup pluginnal A „Top WP Bővítmények” sorozatunk mostani állomásaként az egyik

Contact Form 7
Top WP Bővítmények: Contact Form 7

Contact Form 7 A „Top WP Bővítmények” sorozatunk harmadik (első: WordPress SEO by Yoast, második:

Google XML Sitemaps
Top WP Bővítmények: Google XML Sitemaps

Google XML Sitemaps A „Top WP Bővítmények” sorozatunk második (első: WordPress SEO by Yoast) állomásaként

WP SEO by Yoast
Top WP Bővítmények: WordPress SEO by Yoast

WordPress SEO by Yoast Gondoltunk egy nagyot és útjára indítottuk „Top WP Bővítmények” sorozatunkat, melynek

WooCommerce plugins
Ingyenes WooCommerce bővítmények

Számla Ár Szállítás Áruátvétel Árösszehasonlító Figyelőlista / Kívánságlista TermékTermékkereső Termékszűrő Termék megtekintés

WP plugins logó
Ingyenes WordPress bővítmények

Ajánlott „ingyenes” WordPress bővítmények Hasznos „ingyenes” WordPress bővítményekWordPress bővítmények „Az alábbi listában a teljesség

WooCommerce logó
WooCommerce

Mi a WooCommerce? Demo Azt tudta? WooCommerce alap funkciók és azok előnyei WooCommerce bővített funkciók és azok előnyei WooCommerce