Mi az az SVG (Scalable Vector Graphics)?
Az SVG egy XML-alapú vektorgrafikus formátum. Míg a hagyományos képformátumok (JPG, PNG, WebP) képpontokból (pixelek millióiból) épülnek fel, addig az SVG matematikai egyenletekből, pontokból, vonalakból és görbékből áll.
Ez azt jelenti, hogy ha egy SVG fájlt megnyitsz egy szövegszerkesztőben, nem bináris kódot látsz, hanem tiszta szöveget (pl. <circle cx="50" cy="50" r="40" fill="red" />).
Az SVG legfontosabb előnyei a weben
- Végtelen skálázhatóság minőségromlás nélkül: Legyen szó egy apró 16x16 pixeles faviconról vagy egy 8K-s óriáskijelzőről, az SVG mindig borotvaéles marad. Soha nem válik pixelessé vagy homályossá.
- Miniatűr fájlméret: Mivel csak a geometriai formákat írja le, egy egyszerű logó vagy ikon mérete gyakran alig 1–5 KB, szemben a hasonló PNG 50–100 KB-os méretével.
- CSS és JavaScript animálhatóság: A webfejlesztők az SVG elemeinek színét, méretét hover effektussal dinamikusan változtathatják kódolás útján anélkül, hogy új képet kellene betölteniük.
- SEO barát jelleg: Mivel az SVG szöveges adatokat tartalmaz, a Google képes beolvasni az ábrán lévő címkéket és szövegeket, így kereshetővé teszi azt.
Mikor NEM érdemes SVG-t használni?
Bár a logókhoz tökéletes, az SVG nem alkalmas mindenre:
- Fotókhoz teljesen használhatatlan: Egy valós fénykép millió különböző árnyalatot és textúrát tartalmaz. Ha ezt próbálnánk vektorizálni, az SVG fájlmérete akár több száz megabájtra duzzadna, és lefagyasztaná a böngészőt.
- Biztonsági megfontolások: Mivel az SVG XML-alapú kód, rosszindulatú scripteket (XSS támadásokat) is tartalmazhat, ezért sok platform nem engedélyezi a közvetlen felhasználói feltöltést.
Hogyan alakítható át az SVG univerzális PNG formátumba?
Sok alkalmazás (pl. Facebook, Instagram profilképek, prezentációs programok, Microsoft Word) nem kezeli natívan az SVG fájlokat, vagy feltöltéskor hibát dob. Ilyenkor a legjobb megoldás a konvertálás.
Az SVG to PNG konvertáló segítségével tetszőleges felbontásban mentheted le vektoros logódat egy univerzálisan használható, átlátszó hátterű PNG képpé másodpercek alatt.