Ugrás a tartalomhoz

SVG

A Wikiszótárból, a nyitott szótárból

Főnév

SVG (tsz. SVGs)

  1. (informatika) Scalable Vector Graphics (SVG) egy XML-alapú fájlformátum, amelyet a webes grafikák leírására használnak. Az SVG lehetővé teszi a képek, formák, szövegek és egyéb grafikai elemek vektoros formában történő megjelenítését, amely méretarányosan skálázható anélkül, hogy elveszítené a minőségét. Az SVG a W3C (World Wide Web Consortium) által szabványosított.

Főbb jellemzők:

  1. Vektor alapú:
    • Az SVG grafikák matematikai képletek és koordináták alapján jönnek létre, ami lehetővé teszi a képek torzítás nélküli skálázását bármilyen méretben.
  2. XML-alapú:
    • Mivel az SVG XML-alapú, a grafikai elemeket szöveges formában lehet leírni, amely könnyen olvasható és manipulálható.
  3. Interaktivitás és animáció:
    • Az SVG támogatja a felhasználói interakciókat, például kattintásokat és hover eseményeket, valamint lehetővé teszi az animációk létrehozását CSS és JavaScript segítségével.
  4. Böngésző-kompatibilitás:
    • Az SVG-t a modern böngészők széles köre támogatja, így a webes alkalmazásokban és weboldalakon való használata elterjedt.
  5. Stílusozás:
    • Az SVG grafikák CSS-sel stílusozhatók, ami lehetővé teszi a megjelenés egyszerű módosítását anélkül, hogy meg kellene változtatni a grafikai elemek szerkezetét.

Alkalmazási területek:

  1. Webes grafikák:
    • Az SVG ideális megoldás logók, ikonok, diagramok és egyéb webes grafikai elemek létrehozására, mivel ezek méretarányosan skálázhatók.
  2. Infografikák:
    • Az SVG gyakran használják infografikák készítésére, ahol a vizuális adatok könnyen olvashatóak és manipulálhatóak.
  3. Animációk:
    • Az SVG lehetővé teszi a dinamikus animációk létrehozását a weboldalakon, amelyek interaktívabbá és vonzóbbá teszik a felhasználói élményt.
  4. Diagramok és grafikonok:
    • Az SVG-t széles körben használják diagramok és grafikonok generálására, mivel a vektoros formátum biztosítja a tiszta és éles megjelenítést.

Előnyök:

  1. Skálázhatóság:
    • Az SVG grafika torzítás nélkül skálázható, ami ideálissá teszi a különböző képernyőméretekhez és felbontásokhoz.
  2. Kis fájlméret:
    • Az SVG fájlok általában kisebbek, mint a hagyományos raszteres képek (pl. JPEG, PNG), különösen, ha a grafika egyszerűbb.
  3. Interaktivitás:
    • Az SVG támogatja az interaktív elemeket, amelyeket CSS és JavaScript segítségével könnyen kezelhetünk.

Hátrányok:

  1. Bonyolultság:
    • Nagy és bonyolult SVG fájlok nehezen kezelhetők és lassíthatják a betöltési időt, különösen, ha sok részlet van benne.
  2. Böngésző-kompatibilitás:
    • Bár a modern böngészők támogatják az SVG-t, a régebbi böngészőkben és verziókban előfordulhat, hogy nem működik megfelelően.
  3. Teljesítmény:
    • Nagy számú SVG elem használata a weboldalon teljesítménybeli problémákat okozhat, mivel a böngészőknek több számítási erőforrást kell felhasználniuk a rendereléshez.

Összegzés

A Scalable Vector Graphics (SVG) egy hatékony és rugalmas fájlformátum a webes grafikák leírására, amely lehetővé teszi a méretarányosan skálázható, interaktív és animált elemek létrehozását. Az SVG alkalmazása széleskörű a webfejlesztésben, különösen a grafikai elemek és diagramok terén. Bár vannak hátrányai, mint a bonyolultság és a böngésző-kompatibilitás, az SVG továbbra is kulcsfontosságú technológia a modern webes alkalmazásokban.

  • SVG - Szótár.net (en-hu)
  • SVG - Sztaki (en-hu)
  • SVG - Merriam–Webster
  • SVG - Cambridge
  • SVG - WordNet
  • SVG - Яндекс (en-ru)
  • SVG - Google (en-hu)
  • SVG - Wikidata
  • SVG - Wikipédia (angol)