WebP, tömörítés és modern képoptimalizálási technikák.
A megfelelő WebP képek használata jelentősen csökkentheti a weboldal betöltéséhez szükséges adatmennyiséget. A túl nagy vagy nem megfelelő formátumú képek lassíthatják az oldal betöltődését, különösen mobil eszközökön és lassabb internetkapcsolat esetén.
A képek optimalizálásánál nem csak a fájl mérete számít. Fontos a megfelelő képformátum, a szükséges felbontás, a tömörítés mértéke és az is, hogy az adott kép mikor töltődjön be. Egy több ezer pixeles fénykép például teljesen feleslegesen terheli a böngészőt, ha az oldalon csak néhány száz pixeles méretben jelenik meg.
A WebP formátum jó választás lehet a legtöbb modern weboldalon, mert megfelelő minőség mellett jelentősen kisebb fájlméretet biztosít a hagyományos JPEG vagy PNG képekhez képest. Bizonyos esetekben az AVIF használata is indokolt lehet, különösen akkor, ha a lehető legkisebb fájlméret elérése fontos szempont.
A képek optimalizálásának része a megfelelő méretezés és a reszponzív képkiszolgálás is. Nem érdemes ugyanazt a hatalmas képet letölteni mobiltelefonra és asztali számítógépre. A megfelelően kialakított HTML és képkiszolgálás lehetővé teszi, hogy minden eszköz a számára megfelelő méretű képet kapja.
A lazy loading alkalmazásával a kezdeti betöltés során csak azok a képek töltődnek le, amelyekre valóban szükség van. Ez különösen hosszabb oldalakon, galériáknál és sok képet tartalmazó weboldalaknál jelenthet komoly teljesítményjavulást. A cél nem egyszerűen az, hogy minden kép kisebb legyen, hanem hogy a weboldal a lehető legkevesebb felesleges adatot töltse le.
