Tartalomkezelés

Képek feltöltése és optimalizálása

Útmutató a képek feltöltéséhez, szerkesztéséhez és optimalizálásához a WordPress oldalon.

Utolsó frissítés: 2026. 03. 30.

Képek Feltöltése és Optimalizálása

A képek a weboldal vizuális vonzerejének alapvető részét képezik. A képek helyes feltöltése és optimalizálása azonban fontos a teljesítmény és az SEO szempontjából.

Képek feltöltése

A képeket több módon lehet feltölteni:

1. Közvetlenül a szerkesztőben

  1. A Gutenberg szerkesztőben kattints az „+” ikonra
  2. Keress az „Kép” blokkra
  3. Az „Kép feltöltése” gombra kattintva
  4. Válassz egy képet a számítógépéről vagy fogd ide a képet

2. A médiatárból

  1. Menj a Médiatár > Könyvtár menüpontba
  2. Kattints az „Új hozzáadása” gombra
  3. Válassz vagy húzd egy képet a feltöltéshez
  4. Az oldal megmutatja a képet a médiatárban

Képformátumok és méretezés

A weboldalakhoz az alábbi képformátumok ajánlottak:

  • JPEG: Fotóhoz és összetett képekhez
  • PNG: Diagramokhoz és ábrákhoz (transzparencia támogatás)
  • WebP: Modern böngészők számára (kisebb fájlméret)
  • SVG: Vektorképekhez (skálázható)

Képoptimalizálás

Az oldal teljesítménye javítása érdekében optimalizáld a képeket:

  • Fájl mérete: A képek legfeljebb 100-200 KB kell, hogy legyenek
  • Dimenzió: Csak akkora képet töltöll fel, amilyen szükséges
  • Tömörítés: Használd az olyan szoftvereket, mint a TinyPNG vagy ImageOptim
  • Format: Válassza a legmegfelelőbb formátumot

Az alternatív szöveg (Alt Text)

Az alternatív szöveg az SEO és az akadálymentesítés szempontjából fontos:

  1. Kattints az képre a szerkesztőben
  2. A jobb panelen keress meg az „Alternatív szöveg” mezőt
  3. Írd be a kép leírását (pl. „Fehér macska a szöveten ül”)
  4. Ez a szöveg megjelenik, ha a kép nem töltödik be, és a keresőmotorok is használják

Kép szerkesztése

Az alapvető képszerkesztés a WordPress-ben lehetséges:

  1. Kattints az képre a szerkesztőben
  2. A felül megjelenő eszköztárban találod a szerkesztési lehetőségeket
  3. A forgatás, vágás és szűrők lehetőséges
  4. Kattints az „Eltávolítás” ikonra az eredeti kép helyreállításához
Vissza a Tudástárba