A képek &optimalizálása CDN használatával nélkülözhetetlenné vált az online publikáláshoz.

Pár nappal ezelőtt beszéltem a legjobb WordPress képtömörítő pluginokról, ahol kiemeltem néhány remek megoldást a képek tömörítésére a blogodon.

De nem mindenki használja a WordPress platformot a weboldalához. Sokan közülünk különböző más platformokon blogolnak, mint például a BlogSpot, a Tumblr vagy valami más.

Mi a legjobb képtömörítési megoldás ezeknek a felhasználóknak?

Nos, itt jönnek a képbe az online képtömörítő eszközök.

Amikor az interneten rákeresel a képtömörítő eszközökre, el fogsz ámulni az elérhető eszközök puszta számától. Hogy megkönnyítsem a munkáját, és időt takarítsak meg, felsorolok néhányat a kedvenc eszközeim közül, amelyeket már most használhat a képek tömörítéséhez & hogy webképessé tegye őket.

• (Megjegyzés: A felsorolt eszközök közül néhány támogatja a .pdf fájlok tömörítését is, ami hasznos lehet azok számára, akik e-könyveket árulnak online.)

Kérdés: Miért van szükség a képek tömörítésére?

A fő ok a blogod betöltési idejének csökkentése, mivel ez közvetlen összefüggésben van a keresőmotorok rangsorolásával.

Ha az oldalad betöltése több időt vesz igénybe, a versenytársad hasonló minőségű tartalom, de gyorsabb betöltési idő alapján megelőzhet téged.

Fontos megjegyezni, hogy a képek megléte a blogbejegyzéseinkben nagyon hasznos, mivel javítják a vizuális élményt & médiagazdagabbá teszik a tartalmunkat.

Azért, hogy a képek ne lassítsák az oldalaink betöltési idejét, használhatunk néhány technikát:

• Tömörítsük a képeket minőségromlás nélkül.***
• Minőségi tárhelyet használjon a weboldalához.
• Tartalomszolgáltató hálózatot használjon.
  • A WordPress bloggal a MaxCDN használatát ajánlom.

Ha kétségei vannak, használhatja az alábbi oldalbetöltési időt tesztelő eszközök bármelyikét, hogy megnézze, milyen gyorsan vagy lassan töltődik be a weboldala.

***Ebben a cikkben a képek tömörítéséről fogunk beszélni.

• Megjegyzés: Ha WordPress-t használsz a blogod vagy weboldalad működtetéséhez, akkor inkább használd az alábbi képtömörítő pluginok egyikét.

A 6 legjobb online eszköz a képek tömörítéséhez (minőségromlás nélkül):

1. Compressor.io

Imádom ezt, mivel a felhasználói felület nagyon modern. Élvezetessé teszi a képek tömörítését!

A Dropbox vagy a Google Drive segítségével exportálhatod a tömörített képeket. Támogatja 4 képformátum tömörítését:

• JPEG
• PNG
• GIF
• SVG

Ezt érdemes könyvjelzőbe tenni a későbbi használathoz.

2. Kraken.io

Ez az egyik kedvencem, mivel egyszerre több fájlt is tömöríthetsz.

Egyszerűen drag & drop.

Az igazán klassz itt, hogy az összes tömörített fájlt egyetlen kattintással letöltheted egy .zip fájlba.

Egy ideje használom & nagyon ajánlom.

Az alábbiakban láthatod a Kraken által mentett adatmennyiséget.io image compressor:

• Mentés

3. GiftOfSpeed .PNG Compressor || jpg compressor

Amikor az online képtömörítő eszközök után kutattam, a GiftofSpeed weboldalán kötöttem ki.

Ez az egyik olyan hely, amely számos olyan eszközt kínál, amellyel bármely webmester tesztelheti weboldalának különböző méreteit.

Ez egy másik könnyen használható online képtömörítő webhely.

A képszállítási eszközüket is érdemes használni, hogy megnézze, jól optimalizáltak-e a blogbejegyzésekben vagy a webhelyeken található képek. Javasolni fog olyan dolgokat is, amelyeket megtehetsz az oldalad további optimalizálása érdekében.

Itt az egyik legutóbbi blogbejegyzésem eredménye:

Az én esetemben mindig az ImageOptim (Free for Mac) segítségével tömörítem a képeimet. Időnként a WordPressben egy plugin segítségével kötegelt képtömörítést futtatok.

Menj el a GiftofSpeed oldalra, és végezz egy tesztet az oldaladon, hogy megnézd, mennyi KiB-ot tudsz megspórolni a képek tömörítésével. Ez jó képet fog adni arról, hogy melyik képtömörítő eszközt/WordPress plugint érdemes használni.

4. Tinypng

Ez az egyik legrégebbi & legismertebb weboldal a képek online tömörítésére.

A Tinypng egy WordPress plugint & egy Magento bővítményt is kínál, amellyel a képeket tömörítheted anélkül, hogy manuálisan kellene feltöltened & a tömörített képeket a weboldalukon.

Támogat:

• PNG
• JPG/JPEG

Az ingyenes fiókkal nagyjából 100 képet tömöríthet havonta.

A plugin használatához API kulcsot kell szereznie innen.

5. OptimiZilla

Ezt nagyon szeretem, mivel a képet a kívánt minőségi szint alapján tömörítheted.

Az azonnali előnézet lehetővé teszi, hogy összehasonlítsd az eredeti képet a tömörített képpel & ebből az előnézetből beállíthatod a kívánt tömörítési szintet.

Ez akkor hasznos, ha egy hatalmas képet tömörítesz & szeretnél egy módot a minőségvesztés ellenőrzésére.

A legjobb optimalizációs és veszteséges tömörítési algoritmusokat használja a JPEG és PNG képek lehető legkisebb méretre való zsugorításához, a kívánt minőségi szint megtartása mellett.

• Támogatja a tömeges feltöltést & tömeges tömörítést.
• Még 20 képet tölthet fel.

(Az OptimiZilla testvérkonvertáló oldaláról, a Toepubról is érdemes tudni. Ez lehetővé teszi a .pdf fájlok ingyenes konvertálását különböző formátumokba. eBook szerzők nagyon hasznosnak találják a Toepub-ot.)

6. ImageRecycle

Ez egy másik nagyszerű kép & .pdf tömörítő eszköz.

Az online tömörítő eszközét ingyenesen használhatja, a fejlesztők pedig az API segítségével saját tömörítő eszközt építhetnek.

Az API segítségével több CMS-t is támogat. Jelenleg van WordPress pluginjuk, Shopify alkalmazásuk, Joomla bővítményük és Magento bővítményük.

Elkészíthet egy 14 napos ingyenes próbaverziót 100 MB kvótával.

Egy érdekes ajánlatuk is van bloggereknek, akik írhatnak a szolgáltatásukról, hogy 2 hónapos hozzáférést kapjanak 3 GB kvótával. Úgy vélem, 3 GB sokaknak elegendő ahhoz, hogy a médiatárukban lévő összes képet tömörítsék.

• Az ajánlóprogramjukról itt tudhatsz meg többet.

Végeztünk:

Ezek a kedvenc online webes alkalmazásaim a képek minőségromlás nélküli tömörítéséhez.

Ritkán használom őket olyan projektekhez, amelyek nem a WordPresshez vagy a blogoláshoz kapcsolódnak, de használhatod őket, ahogy akarod.

Most rajtad a sor, hogy hozzájárulj. Tudasd velünk kedvenc képoptimalizáló eszközeidet az alábbi megjegyzések között.

Ha élvezted, hogy megismerted ezeket az eszközöket, mutasd ki a szereteted azzal, hogy megosztod ezt a bejegyzést a Facebookon & Twitteren.

Itt van néhány kézzel válogatott cikk, amely segít abban, hogy többet hozzon ki a képeiből:

• 5 hathatós ok arra, hogy képeket adj hozzá a blogbejegyzéseidhez
• 10 abszolút ingyenes weboldal a stock képek letöltéséhez
• How To Do Image Optimization for SEO
• How To Perform a Reverse Image Search