Mi történt? Korábban a weboldaladon a képek többsége JPEG vagy PNG formátumban volt elérhető. Ezeket a képeket átalakítottad WebP formátumba. A WebP egy modern képformátum, amely jelentősen csökkenti a fájlméretet, miközben megőrzi a képek minőségét.
Miért WebP?
- Kisebb fájlméret: A WebP képek átlagosan 25-34%-kal kisebbek, mint a hasonló minőségű JPEG-ek, és 26% - 40%-kal kisebbek a PNG képeknél.
- Gyorsabb betöltés: A kisebb képméret gyorsabb oldalbetöltést eredményez, ami javítja a felhasználói élményt.
- Kevesebb sávszélesség: Az alacsonyabb adatmennyiség csökkenti a sávszélesség használatot, ami különösen fontos mobil eszközökön.
- Magas minőség: A WebP formátum támogatja az átlátszóságot (áttetsző háttér), valamint a veszteségmentes és veszteséges tömörítést is.
Előnyök a Weboldal Számára
- SEO javulás: A Google és más keresőmotorok előnyben részesítik a gyorsabb weboldalakat. A WebP képekkel csökken a betöltési idő, így javulhat az oldalad keresőtalálati helyezése.
- Felhasználói élmény: A gyorsan betöltődő oldalak csökkentik a visszafordulási arányt (bounce rate), ezáltal tovább maradnak az oldaladon a látogatók.
- Több támogatott kép: Az átlátszó képeket is kisebb méretben tárolhatod, ami eddig csak a PNG képek előnye volt.
Milyen Módszert Használtál?
- A JPEG és PNG képeket konvertáltad WebP formátumba olyan eszközökkel, mint:
- cwebp (parancssori eszköz)
- ImageMagick
- Online konvertáló eszközök (pl. Squoosh, TinyPNG)
- Az eredeti képeket megtartottad biztonsági másolatként.
Hogyan Ellenőrizheted az Eredményt?
- Google PageSpeed Insights: Ellenőrizheted az oldal sebességét.
- Web Lighthouse: Chrome fejlesztői eszközökkel elemezheted az oldal teljesítését.
További Lépések
- Automatikus WebP generálás feltöltés után.
- Lazy loading (kép halasztott betöltése) implementálása.
- Cache optimalizálás a WebP képekre.
Ezek a lépések együtt jelentősen javítják az oldal teljesítését, és hozzájárulnak a jobb felhasználói élményhez és magasabb keresőmotoros rangsoroláshoz.