Ha gyorsabb weboldalt akarsz, a képek optimalizálása az egyik legfontosabb lépés. Rosszul kezelt képekkel az oldalad lassú lesz, ami rontja a felhasználói élményt és a Google is hátrébb sorol. Én rengeteg tesztet végeztem, és megtaláltam azt a módszert, amivel a lehető legjobb minőségű, de legkisebb méretű képeket lehet előállítani.
1. Honnan szerezz be jó képeket?
A képek forrása kulcsfontosságú. Többféle lehetőség van:
- Ingyenes stock fotó oldalak:
- Fizetős stock fotó oldalak:
- Shutterstock – hatalmas választék, de drágább.
- Adobe Stock – profi képek, szerkesztőprogramokkal jól használható.
- Ügyféltől kapott képek – ha az ügyfél saját fotókat küld, azokat is optimalizálni kell.
2. A szerkesztés folyamata
- Egységes méretezés – Én Figma-ban állítom be a képeket egy fix méretre, mert így minden konzisztens lesz a weboldalon.
- Utómunka – Ha kell, Adobe Photoshop vagy más szerkesztőprogrammal finomhangolom a képet.
- Mentés PNG formátumban – Ez fontos, mert a legjobb eredményt úgy értem el, ha PNG-ből konvertáltam WebP-be.
TIPP: Előzőleg írtam egy hasznos cikket a legjobb képszerkesztő programokról! 😉
3. Képformátum és képek optimalizálása
Sokan azt mondják, hogy a JPG jobb, mert kisebb, de én saját teszteléssel azt tapasztaltam, hogy a PNG-ből WebP-be konvertálás adja a legjobb minőségű és legkisebb méretű képeket.
- Ha JPG-ből konvertálok WebP-be, akkor a fájlméret valamiért nagyobb lesz, mint ha PNG-ből teszem.
- PNG → WebP konverzióval elképesztően kicsi, átlagosan 10-100 KB méretű képeket tudok létrehozni, miközben a minőség szinte tökéletes marad.
- Ez lehet, hogy csak véletlen, de nekem ez vált be, és jelentősen gyorsabb lett tőle az oldalam.
4. Hogyan konvertálom a képeket?
Én a CloudConvert nevű eszközt használom.
- Ingyenes verzió: 10 konvertálás naponta.
- Fizetős verzió: 10 000 Ft-ért kb. 500 konvertálás (egy kép kevesebb mint 1 kredit).
- Gyors és minőségi WebP konverziót csinál.
A konvertált képek mérete így jelentősen csökken, ami brutális gyorsulást eredményez a weboldalon. Ha egy galériában van 10-20 kép, akkor egy rosszul optimalizált oldal több megás lehet, míg ezzel a módszerrel csak pár száz KB lesz az egész.
5. A gyors oldal előnyei
- Jobb Google helyezés – A Google szereti a gyors oldalakat.
- Jobb felhasználói élmény – Az emberek nem várják ki a lassan betöltődő képeket.
- Kevesebb szerverhasználat – A kisebb képek kevesebb erőforrást igényelnek.
Elakadtál a képfeltöltéssel?
Ha az oldaladon a képek túl nagyok, és a különböző Google SpeedTest eszközök azt mutatják, hogy a képek miatt lassú az oldalad, akkor keress meg, és segítek optimalizálni a képeidet!
Hungarian 
English 