Čo je SVG? Zjednodušený sprievodca vektorovým formátom
Čo je SVG? Ako funguje vektorová grafika SVG, čím sa líši od PNG a JPG, aké má výhody a limity, kde sa používa a ako súbory otvoriť a upraviť.
1. Čo je SVG?
SVG znamená Scalable Vector Graphics, otvorený vektorový grafický formát založený na XML, ktorý štandardizovala organizácia W3C. Kde PNG a JPG ukladajú obraz ako mriežku bodov, SVG používa matematické vzorce na opis tvarov: priamku, kruh, krivku Bézier — každý zapísaný v súbore ako súradnice a príkazy cesty.
Presne preto sa SVG pri zväčšovaní nikdy nerozmaže: prehliadač jednoducho prekreslí vzorce v novom rozmere namiesto natiahnutia bodov. Presne to znamená slovo „vektor“.
2. SVG a PNG / JPG
| Aspekt | SVG | PNG / JPG |
|---|---|---|
| Ako uchováva obrázok | Matematické cesty (vektor) | Mriežky bodov (raster) |
| Pri zväčšovaní | Škáluje sa donekonečna bez skreslenia | Objavujú sa schodíky a rozmazanie |
| Veľkosť súboru | Veľmi malá pri jednoduchej grafike (niekoľko KB) | Rastie lineárne s rozlíšením |
| Upraviteľnosť | Text, ktorý možno upravovať, prefarbovať a animovať | Potrebujete grafický editor |
| Najvhodnejšie pre | Ikony, logá, ilustrácie, grafy | Fotografie a zložité osvetlenie |
3. Na čo sa SVG zvyčajne používa
- Ikony a logá webov: jediný SVG sa hodí ku každej hustote obrazovky a zostáva ostrý na displejoch Retina;
- Ilustrácie a grafy: knižnice na vizualizáciu dát, ako sú ECharts a Recharts, vytvárajú SVG štandardne;
- Tlač a gravírovanie: laserové gravírovacie stroje, rezačky na vinyl a UV tlačiarne široko prijímajú cesty SVG;
- Animácia: cesty SVG možno priamo riadiť cez CSS / SMIL / JavaScript, čo umožňuje efekty kreslenia čiar a omnoho viac.
4. Ako otvoriť a upraviť SVG?
Každý moderný prehliadač (Chrome / Edge / Firefox / Safari) otvára súbory SVG priamo a grafické programy ako Illustrator, Figma a bezplatný Inkscape ich vedia upravovať. Ak chcete iba prefarbiť, odstrániť pozadie alebo zotrieť časť kresby, použite online SVG editor PolySVG — bez inštalácie softvéru.
5. Ako premením svoje PNG / JPG na SVG?
Použite nástroj PolySVG Obrázok na SVG: nahrajte rastrový obrázok a vlastný model automaticky vykoná kvantizáciu farieb, sledovanie obrysov a prispôsobenie kriviek, čím vám do pár sekúnd dá upraviteľný SVG s odstránením pozadia jedným kliknutím. Celý proces je bezplatný a nevyžaduje registráciu.
Zhrnutie: SVG je formát, ktorý „kreslí vzorcami“, takže sa prirodzene hodí na ikony, logá a všetko, čo sa musí škálovať; fotografický obsah stále lepšie poslúži JPG / WEBP.
Časté otázky
Aký softvér otvára súbory SVG?
Každý moderný prehliadač ich dokáže zobraziť priamo. Na úpravu použite Illustrator, Figma alebo Inkscape, alebo s nimi pracujte v online editore PolySVG bez inštalácie.
Dá sa SVG previesť na PNG?
Áno. Editor PolySVG exportuje SVG do PNG v ľubovoľnom rozlíšení a rovnako to urobí aj snímka obrazovky v prehliadači či export z grafického programu.