Képek optimalizálása


Nemrég írtam a mactippek.com oldalon egy olyan asztali szoftverről, amivel a képeket lehet optimalizálni 1-1 oldal kapcsán. Gondolok itt persze most a képek fájlméretére, a felesleges információk eltávolítására a gyorsabb letöltés érdekében.

Ennek a szoftvernek ImageOptim a neve és a “ImageOptim – képek optimalizálása és honlap gyorsítása” c. cikkben lehet róla többet is megtudni.

imageoptim - képek optimalizálása gyorsabb lapletöltés miatt

A hongkiat-on láttam most egy jó bejegyzést arra vonatkozóan, hogy ha wordpress-es honlapod van, akkor melyik 9 plugint érdemes megnézni a témakörben.

Ő az alábbiakat szedte össze:

  • Hammy
  • Lazy Load
  • Imsanity
  • WP Parallel Loading System
  • CW Image Optimizer
  • EWWW Image Optimizer
  • PB Responsive Images
  • WP Smush.It
  • Parallelize

Bevallom ezek közül közel sem ismerem mindegyiket, úgy örömmel venném ha engem és a többieket is kisegítenél tapasztalatokkal, véleményekkel – ha már próbáltad valamelyiket.

Hammy

A Hammy azt csinálja a leírás szerint, hogy több képméretet is generál a feltöltött fájlokból és a látogató felbontása alapján jeleníti meg annak az elvileg legjobbat (legkisebbet).

Hammy - wordpress kép optimalizálása

URL: http://wordpress.org/extend/plugins/hammy/screenshots/

Lazy Load

A Lazy Load-t már ismertem, ez annyit csinál hogy a honlap betöltődésekor nem tölti be azonnal a képeket (pl. így elég jó pontszámokat lehet kapni egy Google Pagespeed vagy ySlow vizsgálatkor is), hanem csak akkor jelennek meg, amikor a látogató “látómezejébe” érnek a képek (tehát megjelennek ténylegesen a képernyőn).

A sebességen kívül némileg a szervert is kíméli, hiszen ha egy látogató nem görget lentebb, akkor lesznek képek amiket feleslegesen nem húzott be a site.

URL: https://wordpress.org/extend/plugins/lazy-load/

Imsanity

Kép átméretező cucc, egyelőre nem látom óriási hasznát de talán valaki kisegít, miért is sokkal jobb mint a wp default funkciója. Talán mert tömeges képátméretezést is tud?

imsanity képátméretező plugin wp-hez

URL: http://wordpress.org/extend/plugins/imsanity/screenshots/

WP Parallel Loading System

A WP Parallel Loading System plugin arra épít, hogy a HTTP 1.0 csak 2 kapcsolatot engedélyez 1 domainről. A plugin annyit tesz

WP Parallel Loading System plugin wp-hez

URL: https://wordpress.org/extend/plugins/parallel-loading-system/

CW Image Optimizer

A képeket tömöríti, takarítja ki úgy, hogy azokban minőségromlást nem eredményez. A linux programjaira támaszkodik a leírás szerint (littleutils / linux)

CW Image Optimizer plugin wordpresshez

URL: https://wordpress.org/extend/plugins/cw-image-optimizer/

EWWW Image Optimizer

Az ewww image optimizer nekem bevallom szimpatikus. Nem ront a minőségen, képes optimalizálni nem csak a media library-ba feltöltött képeket hanem a NextGEN galéria fotóit is és a jpegtran, optipng/pngout és gifsicle programokat használja.

Ewww image optimizer

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

PB Responsive Images

A képeket átméretezi és a látogató felbontása szerinti képméretet kínálja fel a lap betöltődésekor. Extra kóder tudást nem igényel, meglehetősen automatikusan intéz mindent.

PB Responsive Images

URL: https://wordpress.org/extend/plugins/pb-responsive-images/

WP Smush.It

Erről nem tudok szinte semmit, csak amit a leírása is mond: a Yahoo szolgáltatását használja a képek optimalizálásához, konfigolgatást nem igényel. Feltöltés után csak aktiválni kell és minden feltöltött képet optimalizálni fog.

WP Smush.it Yahoo

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

Parallelize

A plugin directory infói szerint az utóbbi 2 évben nem frissítették ezt a plugint, én biztos nem tenném fel semmilyen oldalam alá.

URL: https://wordpress.org/extend/plugins/parrallelize/

Forráscikk: http://www.hongkiat.com/blog/wp-image-performance-plugins/

További linkeket és programokat itt találsz ebben a témában: 27 Stunning Image Optimization tools for Web Designers

Kapcsolódó bejegyzések:

A cikket beküldte: Harder (http://blog.harder.hu)

2 hozzászólás

  1. Udvi says:

    Hasznos cikk. Köszi. :)

    Itt egy teszt képoptimalizáló programokról.

    Igaz a FileOptimizer program nyert, de az EWWW Image Optimizer és WP Smush.It által használt programok (OptiPNG, PNGOut, Smush.It) is egész szépen teljesítettek.

  2. Harder says:

    Köszi, ez hasznos info, tetszett a cikk. :)

Szólj hozzá
a Képek optimalizálása c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>