Obrazový formát

SVG

Vektorová grafika v XML s tvarmi, textom a voliteľnou animáciou. Rastrový export volí konkrétne pixelové rozlíšenie.

Spoznajte formát

O formáte SVG

Scalable Vector Graphics

SVG je jazyk W3C na opis dvojrozmernej grafiky v XML. Cesty, tvary, text, prechody a transformácie opisujú vykreslenie namiesto samotného pixelového poľa. Rieši škálovateľné diagramy, symboly rozhraní a ilustrácie zobrazované v rôznych veľkostiach.

Krytie, orezanie a maskovanie vytvárajú priehľadné kompozície. SVG môže odkazovať na rastrové obrázky, písma, štýly a externé zdroje, čo ovplyvňuje prenosnosť. Animácia a skripty sú možné vo vhodných kontextoch, pri načítaní ako statický obrázok však môžu platiť obmedzenia.

SVG sa hodí na diagramy, logá a symboly s hladko škálovateľnými tvarmi. Vložená fotografia zostáva rastrová a nezíska vektorové detaily. Pri PNG alebo JPEG exporte zvoľte rozmery, písma a pozadie; vykreslenie prevedie vektory, text aj animačné vlastnosti na pixely.

Kľúčové vlastnosti

Kompresia
Nie je pixelový kodek
Priehľadnosť
Áno
Animácia
Áno
Prípony
.svg
MIME typ
image/svg+xml
Metadáta
XML metadáta, title, desc
Vhodný na
Diagramy a škálovateľné symboly
Vektorová grafika
Cesty, tvary a text

SVG opisuje geometriu namiesto stratového či bezstratového pixelového kodeku. XML možno komprimovať pri prenose; rasterizácia je samostatný krok s pevným rozlíšením a možnou stratou editovateľnosti.

História formátu SVG

SVG sa vyvíja cez špecifikácie W3C pre štruktúrovanú webovú grafiku; neskoršia revízia sa viac prepája s webovou platformou.

  1. 2001

    SVG 1.0

    SVG 1.0 sa stáva odporúčaním W3C a definuje XML jazyk pre vektorovú grafiku, text a vložené rastre.

  2. 2003

    SVG 1.1

    SVG 1.1 reviduje a modularizuje špecifikáciu pri zachovaní grafického modelu. Moduly opisujú funkcie pre rôzne implementačné profily.

  3. 2011

    SVG 1.1 druhé vydanie

    Druhé vydanie vychádza 16. augusta 2011 ako odporúčanie s vysvetleniami a opravami, nie ako nový rastrový formát.

  4. 2018

    SVG 2 Candidate Recommendation

    Dokument SVG 2 zo 4. októbra 2018 má stav Candidate Recommendation. Aktualizuje integráciu CSS a DOM; nejde o dokončené odporúčanie W3C.

SVG v porovnaní

Rôzne formáty, rôzne kompromisy. Vyberajte podľa obrázka a spôsobu použitia.

PNG

SVG vs PNG

PNG uchová dekódované pixely bezstratovo a môže niesť alfa kanál. Hodí sa na priehľadnú grafiku a snímky obrazovky, ale neuchová editovateľné vrstvy dokumentu ani dáta snímača. Fotografie môžu mať veľký objem.

PDF

SVG vs PDF

PDF uchová opis strany, ktorý kombinuje text, vektorové cesty a rastrové obrázky. Hodí sa na dokumenty s pevným rozložením; extrakcia obrazu alebo rasterizácia vyžaduje výber strany, rozlíšenia a spracovania farieb.

WebP

SVG vs WebP

WebP spája stratové alebo bezstratové 8-bitové kódovanie s alfa kanálom a animáciou. Je možnosťou na webové publikovanie s týmito funkciami; vyššia presnosť vzoriek a editovateľné zdrojové štruktúry vyžadujú iný pracovný formát.

ICO

SVG vs ICO

ICO zabalí viac veľkostí ikony do jedného súboru. Hodí sa na ikony aplikácií vo Windows a kompatibilné favicony; pre jediný veľký obrázok je jednoduchší všeobecný obrazový formát. Export ikony vyžaduje výber veľkostí.

SVG FAQ

Čo tento formát uchováva?

SVG je jazyk W3C na opis dvojrozmernej grafiky v XML. Cesty, tvary, text, prechody a transformácie opisujú vykreslenie namiesto samotného pixelového poľa. Rieši škálovateľné diagramy, symboly rozhraní a ilustrácie zobrazované v rôznych veľkostiach.

Ako kompresia ovplyvňuje kvalitu?

SVG opisuje geometriu namiesto stratového či bezstratového pixelového kodeku. XML možno komprimovať pri prenose; rasterizácia je samostatný krok s pevným rozlíšením a možnou stratou editovateľnosti.

Stane sa fotografia prevodom do SVG škálovateľnou?

Vloženie fotografie iba zabalí jej rastrové pixely. Rekonštrukcia ciest vyžaduje samostatné trasovanie a nedokáže presne reprodukovať ľubovoľné fotografické detaily.

Čo treba overiť pred otvorením súboru?

Overte písma, prepojené obrazy, filtre a režim spracovania. Samostatný interaktívny SVG a rovnaký súbor v obrazovom prvku môžu sprístupňovať rôzne funkcie.

Čo sa zmení pri exporte do iného formátu?

Rastrový export zvolí rozmery a statický stav. Stratí cesty a editovateľný text; JPEG navyše zlúči priehľadnosť. Vložené rastre obmedzujú detaily pri zväčšení.

Kedy je tento formát užitočný?

SVG sa hodí na diagramy, logá a symboly s hladko škálovateľnými tvarmi. Vložená fotografia zostáva rastrová a nezíska vektorové detaily. Pri PNG alebo JPEG exporte zvoľte rozmery, písma a pozadie; vykreslenie prevedie vektory, text aj animačné vlastnosti na pixely.

Zdroje