SVG

• Popis základních geometrických tvarů (polygony, obdélníky, kruhy atd.).
• Široká škála vizuálních vlastností, které lze použít na tvary a cesty: zbarvení, průhlednost, zaoblené rohy atd.
• Interaktivita . Na každý jednotlivý prvek i na celý obrázek lze pověsit obslužnou rutinu události (klik, pohyb, stisk klávesy atd.), takže uživatel může ovládat obrázek (například pohybovat některými prvky myší [1] ).
• Animace a scénáře. Pomocí ECMAScriptu nebo JavaScriptu můžete popsat i ty nejsložitější scénáře související s matematickými výpočty souřadnic a proporcí tvarů. Spolu s interaktivitou a SMIL animací to dává velmi široké možnosti pro vývojáře webové grafiky.

Výhody

• Textový formát – soubory SVG lze číst a upravovat (s určitými dovednostmi) pomocí běžných textových editorů . Při prohlížení dokumentů obsahujících grafiku SVG máte přístup k zobrazení kódu prohlíženého souboru a možnost uložit celý dokument. Kromě toho bývají soubory SVG menší než srovnatelné obrázky JPEG nebo GIF a dobře se komprimují.
• Scalable - SVG je vektorový formát . Je možné zvětšit jakoukoli část obrázku SVG bez ztráty kvality. Dodatečně je možné na prvky SVG dokumentu aplikovat filtry – speciální modifikátory pro vytváření efektů podobných těm, které se používají při zpracování bitmapových obrázků (rozmazání, vysunutí, složité transformační systémy atd.). V textu SVG kódu jsou filtry popsány tagy, které vykresluje prohlížeč, což neovlivňuje velikost zdrojového souboru a zároveň poskytuje potřebnou ilustrativní výraznost.
• Použití bitmapové grafiky v dokumentech SVG je široce dostupné. Můžete vkládat prvky s obrázky PNG, GIF nebo JPG.
• Text v grafice SVG je text, nikoli obrázek, takže jej lze vybrat a zkopírovat, je indexován vyhledávači a není potřeba vytvářet další metasoubory pro vyhledávací roboty .
• Animace je implementována v SVG pomocí jazyka SMIL (Synchronized Multimedia Integration Language), který byl rovněž vyvinut konsorciem W3C. Podporovány jsou skriptovací jazyky založené na specifikaci ECMAScript . S prvky SVG lze manipulovat pomocí JavaScriptu . Použití skriptů a animací v SVG umožňuje vytvářet dynamickou a interaktivní grafiku. V SVG je poskytnut model událostí, události jsou sledovány ( načítání stránky, změna jejích parametrů, události myši, klávesnice atd. ). Animace může být spuštěna konkrétní událostí (například "onmouseover" nebo "onclick" ), díky čemuž je grafika interaktivní. Každý prvek má své vlastní události, ke kterým lze připojit jednotlivé skripty.
• SVG je otevřený standard. Na rozdíl od některých jiných formátů není SVG proprietární.
• Dokumenty SVG lze snadno integrovat s dokumenty HTML a XHTML. Externí SVG se připojují přes tag <object> , hodnota atributu data je název souboru s příponou ".svg" obsahujícího značku SVG a typu MIME image/svg+xml. Atributy width a height definují horizontální a vertikální rozměry oblasti SVG. Prvky SVG jsou kompatibilní s HTML a DHTML.
• Kompatibilita s CSS ( anglicky  Cascading Style Sheets ). Zobrazení (formátování a zdobení) prvků SVG lze ovládat pomocí šablony stylů CSS 2.0 a jejích rozšíření nebo přímo prostřednictvím atributů prvků SVG.
• SVG poskytuje všechny výhody XML :
  • Schopnost pracovat v různých prostředích.
  • Internacionalizace (podpora Unicode ).
  • Široká dostupnost pro různé aplikace.
  • Snadná modifikace prostřednictvím standardních API  , jako je DOM . SVG podporuje standardizovaný objektový model dokumentu W3C DOM, který poskytuje přístup k jakémukoli prvku, což poskytuje dostatek příležitostí k dynamické změně prvků, jejich atributů a událostí.
  • Snadná konverze pomocí šablon stylů XSLT . Stejně jako jakýkoli jiný formát založený na XML vám SVG umožňuje používat ke zpracování transformační tabulky (XSLT). Převedením XML dat do SVG pomocí jednoduchého XSL můžete snadno získat grafické znázornění jakýchkoli dat, například vizualizovat chemické molekuly popsané v CML .

Nevýhody formátu

• Podpora 3D grafiky chybí vůbec
• SVG zdědí všechny nevýhody XML , jako je velká velikost souboru (ten je však kompenzován existencí komprimovaného formátu SVGZ , ale jeho použití je v současné době obtížné, protože SVGZ nemá svůj vlastní typ MIME ).
• Obtížné použití ve velkých mapových aplikacích kvůli skutečnosti, že dokument musí být přečten celý, aby se správně zobrazila malá část obrázku.
• Čím více jemných detailů v obrázku, tím rychleji roste velikost dat SVG. Extrémní případ je, když je obraz bílý šum . V tomto případě SVG nejenže nenabízí výhodu velikosti souboru, ale dokonce i ztrátu ve srovnání s bitmapovým formátem. V praxi se SVG stává nerentabilním dlouho předtím, než obraz dosáhne fáze bílého šumu.

Struktura dokumentu SVG

První řádek je standardní hlavička XML, deklarace ( angl.  XML deklarace ), udávající verzi XML (verze) ( obvykle "1.0" ) a kódování znaků (kódování):