Co je SVG? Průvodce vektorovým formátem
Co je SVG? Jak fungují vektorové grafiky SVG, čím se liší od PNG a JPG, jaké mají výhody i omezení, k čemu se používají a jak je otevřít a upravit.
1. Co je SVG?
SVG je zkratka pro Scalable Vector Graphics, otevřený vektorový formát založený na XML, který standardizuje W3C. Zatímco PNG a JPG zaznamenávají obrázek jako mřížku pixelů, SVG používá matematické vzorce k popisu tvarů: přímka, kružnice nebo křivka Bézier se do souboru zapisují jako souřadnice a příkazy cesty.
Právě proto se SVG při zvětšení nikdy nerozostří — prohlížeč prostě překreslí vzorce v nové velikosti, místo aby natahoval pixely. To je význam slova „vektor“.
2. SVG versus PNG / JPG
| Porovnání | SVG | PNG / JPG |
|---|---|---|
| Způsob uložení | Matematické cesty (vektor) | Pixelová mřížka (bitmap) |
| Při zvětšení | Škáluje se neomezeně bez zkreslení | Objevují se zuby a rozmazání |
| Velikost souboru | U jednoduché grafiky nepatrná (několik kB) | Roste lineárně s rozlišením |
| Editovatelnost | Text, který lze upravit, přebarvit a animovat | Je potřeba grafický program |
| Hodí se na | Ikony, loga, ilustrace, grafy | Fotografie a složité světlo |
3. K čemu se SVG používá
- Ikony a loga na webu: jedno SVG sedí na každou hustotu displeje a na Retina zůstává ostré;
- Ilustrace a grafy: knihovny pro datovou vizualizaci jako ECharts nebo Recharts produkují SVG ve výchozím stavu;
- Tisk a rytí: laserové rytičky, plotry na vinyl a UV tiskárny běžně přijímají cesty SVG;
- Animace: cesty SVG lze přímo řídit pomocí CSS / SMIL / JavaScriptu, což umožňuje například animaci kreslení tahem.
4. Jak SVG otevřít a upravit?
Jakýkoli moderní prohlížeč (Chrome / Edge / Firefox / Safari) otevře SVG soubor přímo a grafické programy jako Illustrator, Figma či Inkscape (zdarma) umí SVG upravovat. Pokud chcete jen rychle přebarvit, odstranit pozadí nebo vymazat část obrázku, použijte online SVG editor od PolySVG — bez instalace jakéhokoli softwaru.
5. Jak převedu PNG / JPG na SVG?
Použijte nástroj Obrázek na SVG od PolySVG: po nahrání bitmapy vlastní model automaticky provede kvantizaci barev, sledování obrysů a proložení křivek a během několika sekund dostanete upravitelné SVG, včetně odstranění pozadí na jedno kliknutí. Celý proces je zdarma a nevyžaduje registraci.
Shrnutí: SVG je formát, který „kreslí pomocí vzorců“, a je proto přirozeně vhodný pro ikony, loga a vše, co se musí škálovat; fotografie i nadále dobře poslouží JPG / WEBP.
Časté dotazy
Kterým programem se SVG soubory otevírají?
Přímo je zobrazí jakýkoli moderní prohlížeč. Pro úpravy použijte Illustrator, Figma nebo Inkscape, případně vše zvládnete v online editoru PolySVG bez instalace.
Lze SVG převést na PNG?
Ano. Editor PolySVG exportuje SVG do PNG v libovolném rozlišení, stejný výsledek dostanete také snímkem obrazovky v prohlížeči nebo exportem z grafického programu.