Képek veszteségmentes tömörítése

A Google rangsorolási tényező: weboldal sebesség című cikkben hivatkoztam már a PageSpeed Insights linkre, ahol tippeket kaphatunk arra vonatkozóan, hogyan legyen gyorsabb a weboldalunk.

Most ezekből a tippekből ragadok ki egyet. Ez nem más, mint az “Optimalizálja a képeket” rész. A képek optimalizálásával csökkenthetjük az oldalaink betöltődési idejét, azaz növeljük a felhasználói élményt, és nem pazaroljuk feleslegesen a sávszélességet. A veszteségmentes tömörítéssel a képek minősége nem romlik, csupán a merevlemezen (szerveren) elfoglalt helyét csökkentjük. Klikkre nagyobb lesz a lenti kép!

pagespeed-01Vegyük példának az elsőnek listázott képet innen:

pagespeed-02

 

A kép így néz ki:

video-infok-eredeti

Optimalizáljuk a képet! Nyissuk meg a http://www.smushit.com/ysmush.it/ (Szerk.: a weboldal megszűnt) linket.

Ajánlom helyette ezt: Kraken.io

Kattintsunk az “Uploader” fülre, majd ott a “Select Files and Smush” gombra:

pagespeed-03

Feltöltés után a rendszer egyből elvégzi a veszteségmentes tömörítést, és kiírja az eredményt:

pagespeed-04

Ezután nincs más dolgunk, mint a képet letölteni, és a szerverünkön található régi képet kicserélni vele!

Nézzük meg a kiinduló képet, és a végeredményt egymás mellett:

video-infok-eredeti3d777536_smush_video-infok-eredeti

Ugye, hogy nem látható különbség? Méretben pedig 4,72 kByte a különbség. A feljebb már leírt okok miatt érdemes egyesével tömöríteni a listázott képeket.

Jó hír, hogy a WordPress tartalomkezelő rendszerre létezik bővítmény a fenti feladatra. A neve: WP Smush.it.

Cikkértesítő

Ha nem szeretne lemaradni az új cikkekről, akkor iratkozzon fel az értesítőre!

“Képek veszteségmentes tömörítése” bejegyzéshez 2 hozzászólás

  1. Kedves Ádám!
    Felmerült egy különös probléma az írásában javasolt képtömörítés kapcsán. Amikor az Google elemzővel megnézem az oldalamat, akkor számos képre javasol veszteségmentes tömörítést. Ezeket a képeket megpróbáltam tömöríteni számos online programmal. Többek között a Smusshval is, de az eredmény messze lemaradt a Google által javasolt tömörítés megtakarítástól. Mi történt? Másik programot kell használnom, vagy a google téved?
    Üdvözlettel,
    Zoli

Szólj hozzá!

*

code

A honlap cookie-kat használ. Részletek

A hatályos jogszabályok alapján kötelező tájékoztatni a látogatókat, hogy a weboldal ún. cookie-kat használ és tárol a számítógépén. Ha ezt nem szeretné, akkor a böngészője megfelelő beállításait használva tiltsa le a cookie-k tárolását, vagy zárja be a weboldalt. Mik azok a cookie-k? Hogyan tudja tiltani a tárolásukat? Hogyan kezelem a személyes adatokat? Mindenre választ ad a részletes adatvédelmi és cookie tájékoztatóm.

Bezárás