Hogyan használj WebP képeket WordPress honlapon?

A weboldalak gyorsasága kiemelt szempont webfejlesztésnél. A képek megfelelő méretezése és tömörítése nagyon fontos. És extra lehetőség rejlik a WebP képekben.

Mi az a WebP fájlformátum?

A WebP (veppi) nyilvánosan 14 éve, azaz 2010. szeptember 30. óta létező képformátum. A Google fejlesztette ki, hogy csökkentse az internet forgalmának nagy részét adó képfájlok átlagos méretét, ezzel is gyorsítva a weboldalak betöltődését. A Google tesztjei szerint amit a weben található egymillió, véletlenszerűen kiválasztott képfájl (többnyire JPG, néhány PNG és GIF) tömörítésével végeztek, átlagosan 39%-kal (más mérések szerint 25-34%-kal) lehetett csökkenteni a fájlok méretét, szemmel látható minőségvesztés nélkül. Forrás: Wiki

A WordPress az 5.8-as verzió óta támogatja a WebP formátumot.

A WebP előnyei:

  • A legtöbb böngésző 2024-re már támogatja ezt az „új” formátumot.
  • Kisebb fájlméret a PNG és JPG képekhez képest.
  • Van veszteséges és veszteségmentes tömörítése is.
  • Van animált verziója is (GIF helyett).
  • Támogatja az átlátszóságot.
  • Lehet EXIF és XMP metaadata.
  • Használatával gyorsulhat a weboldal, csökkenthet az adatforgalom.

A WebP hátrányai:

  • Néhány korábbi böngésző nem támogatja ezt a képtípust.
  • Nem minden képszerkesztővel lehet módosítani.

Hogyan lesznek WebP fájlok a WordPress weboldalon?

A WordPress-be fel lehet tölteni egyből WebP formátumú fájlokat. Mivel azonban nem minden képszerkesztő támogatja ezt, illetve a képek nem WebP-ben keletkeznek, ezért elterjedtebb megoldás a bővítményekkel való megoldás. Ezek a meglévő jpg és png képeket átkonvertálják WebP-be.

Legnépszerűbb WebP-be konvertáló bővítmények:

A szimpatikus bővítmény telepítése, aktiválása és konfigurálása után máris WebP formátumban jelennek meg a képeid a weboldaladon.

Cikkértesítő

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

Szólj hozzá!


WordPress segítséget keresel?

Kérj díjmentes árajánlatot!

Főbb szolgáltatásaim: weboldal/webáruház készítés, megújítás, fejlesztés, gyorsítás, karbantartás, hibajavítás, oktatás, stb.