Képek optimalizálása

A nagyon gyorsan betöltődő webshopok egyik titka, hogy a webáruházban használt képek optimalizálva legyenek. A képek optimalizációját a képeknek a webáruházba történő feltöltése előtt kell elvégezni.

A képek optimalizációja a képek méretének, azaz felbontásának és fájlméretének a helyes megválasztását jelenti.

Az alábbi pontok betartásával a webáruház betöltődése gyorsabb lesz, a látogatók ezért szívesebben fogják használni a webshopot és a Google is nagyon pozitívan fogja értékelni az erőfeszítéseket! Az alábbi pontok a nyitólapi slider képekre, termékképekre és egyéb, a webáruházadban használt képekre egyaránt alkalmazhatók és alkalmazandók!

1. A képek felbontása

A képeket még a webshopba való feltöltésük előtt méretezze át méretarányosan maximum 1200 vagy 1400 pixel szélességűre! Ennél nagyobb felbontású képekre jelenleg nincsen szükség.

Ha túlzottan alacsony felbontású képeket használunk, akkor azok vagy nagyon kis méretben, vagy homályosan fognak megjelenni a webshopban.

Ha túlzottan nagy felbontású képek kerülnek feltöltésre, akkor viszont a képek lassabban fognak letöltődni és vagy nem férnek ki a képernyőn, ezért a látogatók sem tudják egyben megnézni azokat, vagy a böngészőnek kell kisebbre méreteznie a képet, ami szintén lassítja a megjelenést és sok esetben a minőséget is rontja.

Természetesen ha indokolt, akkor használhatók a fent megadottnál nagyobb felbontású képek, de ökölszabályként javasolt az 1200-1400 pixeles maximális szélességet használni! Ha ennél kisebb kép is bőven elegendő - például egy blog bejegyzés díszítéseként -, akkor ennél akár jelentősen kisebb felbontást célszerű használni!

2. Ahol csak lehet, jpg formátumú képeket célszerű használni

Ez alól kivétel, ha átlátszó hátterű képekre van szükség - ilyenek tipikusan a logók -, az ilyen esetekben .png formátumú képek használata javasolt!

Esetleg használhatók a .gif kiterjesztésű képek is, de ezeket leginkább csak akkor érdemes használni, ha nagyon rövid animációkra képre van szükség.

Az egyéb formátumú képeket - mint például a .bmp, vagy a .tiff - a webshopra való feltöltés előtt át kell konvertálni .jpg-re (vagy ha az átlátszóság fontos, akkor .png-re)!

(A webre optimalizált újabb generációs webp formátumú képeket még nem minden böngésző támogatja, ezért csak megfelelő körültekintéssel használd őket!)

3. Tömörítse a képeket! Jpeg esetében használjon 85% körüli tömörítési rátát!

A .jpg képek esetében szinte minden képszerkesztő program esetében lehetőség van meghatározni a tömörítési rátát. Minél magasabb a tömörítési ráta, annál homályosabb, rosszabb a kép minősége, viszont annál kisebb a fájlméret! Az az optimális tömörítési ráta, ahol a kép minősége még nem romlik jelentősen, ugyanakkor a fájlméret a minimális.

A fentiekhez használhatók például az alábbi nagyon egyszerűen használható ingyenes online eszközök, de ha például több száz, vagy több ezer termékképet kell gyorsan és egyszerűen optimalizálni, akkor erre is léteznek ingyenesen letölthető programok:

http://jpeg-optimizer.com - jpeg képek egyenként történő nagyon egyszerű átméretezéséhez és tömörítéséhez.
https://tinypng.com - az egyik legjobb és legkönnyebben használható ingyenes fájlméret optimalizáló eszköz jpeg és png képekhez!
https://www.irfanview.com - tömeges képméretezéshez, konvertáláshoz, vágáshoz, fényesség állításhoz és egyéb optimalizációhoz ajánljuk az ingyenesen letölthető IrfanView programot!
https://pnggauntlet.com - PNG fájlok optimalizálásához ajánljuk ezt az ingyenesen letölthető programot.
RIOT - ingyenesen letölthető és könnyen használható kép optimalizáló program, amivel szintén lehetőség van tömeges képoptimalizálásra is.

Az optimalizált képek nem csak rengeteg webtárhelyet spórolnak Önnek, de a Google kereső és a látogatók számára is előnyösek, mert jelentősen gyorsítják webáruház oldalletöltési sebességét!