Mi az SVG? Egy közérthető útmutató a vektoros formátumhoz
Mi az SVG? Hogyan működnek az SVG vektorgrafikák, miben különböznek a PNG-től és a JPG-től, milyen előnyeik és korlátjaik vannak, mire használják őket, és hogyan nyithatja meg és szerkesztheti őket.
1. Mi az SVG?
Az SVG a Scalable Vector Graphics rövidítése: nyílt, XML-alapú vektorgrafikai formátum, amelyet a W3C szabványosított. Míg a PNG és a JPG pixelek rácsa alakban tárolja a képet, az SVG matematikai képletekkel írja le az alakzatokat: egy egyenes vonal, egy kör, egy Bézier-görbe — mindegyike koordinátáként és útvonalparancsként kerül a fájlba.
Épp ezért az SVG nagyításkor soha nem mosódik el: a böngésző nem nyújtja a pixeleket, hanem az új méretben újrarajzolja a képleteket. A „vektor” szó éppen ezt jelenti.
2. SVG vagy PNG / JPG
| Szempont | SVG | PNG / JPG |
|---|---|---|
| Hogyan tárolja a képet | Matematikai útvonalak (vektor) | Pixelrács (raszter) |
| Nagyításkor | Korlátlanul skálázódik torzítás nélkül | Megjelennek a lépcsők és az elmosódás |
| Fájlméret | Apró grafikáknál nagyon kicsi (néhány KB) | A felbontással együtt lineárisan nő |
| Szerkeszthetőség | Szöveg, amely szerkeszthető, színezhető és animálható | Képszerkesztő szoftver kell hozzá |
| Legjobban | Ikonok, logók, illusztrációk, diagramok | Fotók és összetett megvilágítás |
3. Mire használják általában az SVG-t
- Weboldal-ikonok és logók: egyetlen SVG minden képernyősűrűségre illik, és éles marad a Retina kijelzőkön;
- Illusztrációk és diagramok: az olyan adatvizualizációs könyvtárak, mint az ECharts és a Recharts alapértelmezés szerint SVG-t állítanak elő;
- Nyomtatás és gravírozás: a lézeres gravírozók, a vinyilvágók és az UV-nyomtatók szívesen fogadják az SVG útvonalakat;
- Animáció: az SVG útvonalak közvetlenül CSS / SMIL / JavaScript által vezérelhetők, ami vonalrajzoló effekteket és még sok mindent lehetővé tesz.
4. Hogyan nyitható meg és szerkeszthető egy SVG?
Bármely modern böngésző (Chrome / Edge / Firefox / Safari) közvetlenül megnyitja az SVG fájlokat, és az olyan tervezőszoftverek, mint az Illustrator, a Figma és az ingyenes Inkscape szerkeszthetik őket. Ha csak újraszínezést, háttéreltávolítást vagy az alkotás egy részének törlését szeretné, használja a PolySVG online SVG szerkesztőt — telepítendő szoftver nélkül.
5. Hogyan alakítom át a PNG / JPG képeimet SVG-vé?
Használja a PolySVG Kép → SVG eszközt: töltse fel a bitképet, és saját modellünk automatikusan elvégzi a színkvantálást, a kontúrkövetést és a görbeillesztést, így néhány másodperc alatt szerkeszthető SVG-t kap, egyszeri kattintásos háttéreltávolítással. A teljes folyamat ingyenes, és nem igényel regisztrációt.
Összefoglaló: az SVG olyan formátum, amely „képletekkel rajzol”, ezért természetesen illik az ikonokhoz, a logókhoz és mindenhez, aminek nagyítani kell; a fotó tartalmat továbbra is jobban szolgálja a JPG / WEBP.
Gyakori kérdések
Milyen szoftver nyitja meg az SVG fájlokat?
Bármely modern böngésző közvetlenül megjelenítheti őket. Szerkesztéshez használja az Illustratort, a Figmát vagy az Inkscape-et, vagy dolgozzon velük a PolySVG online szerkesztőjében, telepítés nélkül.
Átalakítható-e egy SVG PNG-vé?
Igen. A PolySVG szerkesztője bármilyen felbontásban exportál SVG-t PNG-vé, és ugyanezt megteszi a böngésző képernyőképe vagy a tervezőeszközök exportja is.