SVG (Scalable Vector Graphics) je vektorový formát souborů vhodný pro použití na webu. Na rozdíl od rastrových souborů, které se skládají z obrazových bodů, jako jsou soubory JPEG, vytvářejí vektorové soubory obrázky pomocí matematických vzorců založených na bodech a čarách v mřížce. To znamená, že u vektorových souborů, jako jsou soubory SVG, lze výrazně měnit velikost, aniž by ztratily svou kvalitu, což z nich činí ideální volbu pro loga a složitou online grafiku.
Soubory SVG jsou mezi webdesignéry velmi oblíbené, a to nejen díky svým schopnostem měnit velikost. Soubory SVG jsou psány v kódu XML, což znamená, že veškeré textové informace jsou uloženy jako doslovný text, nikoli jako tvary. To umožňuje vyhledávačům, jako je Google, vyhledávat v grafice SVG klíčová slova, což může potenciálně pomoci webu posunout se výše ve výsledcích vyhledávání.
Soubor SVG snadno rozpoznáte podle přípony .svg.
Formát SVG urazil v posledních letech dlouhou cestu, ale k čemu se tyto soubory používají v praxi?
Webové stránky a loga
Návrháři často používají soubory SVG k zobrazení ikon na webových stránkách, jako jsou tlačítka, nebo k zobrazení firemních log. Schopnost tohoto typu souborů měnit svou velikost, aniž by se snížila jejich kvalita, znamená, že jsou ideální pro grafiku, která je určena k zobrazování na různých místech a v různých velikostech.
Infografika a ilustrace
Díky použití XML v souborech SVG mohou vyhledávače jako Google číst grafy a tabulky s velkým množstvím textu, což může pomoci při optimalizaci pro vyhledávače. Protože Google dokáže rozpoznat klíčová slova v souborech SVG, může potenciálně posunout webovou stránku výše ve výsledcích vyhledávání. Aby byly webové stránky ještě zajímavější, podporují soubory SVG také animace.
Prozkoumejte další typy vektorových souborů
Formát souborů SVG není určen pouze pro statické obrázky. K dispozici je řada online nástrojů s jejichž pomocí můžete do webové grafiky začlenit pohyblivé prvky. Animace SVG můžou obsahovat jednoduché prvky, jako je například posuvník pro pohyb mezi různými snímky v infografice. Pohybovat se můžou také ilustrace, například tikající ručičky na hodinovém ciferníku.
Soubor SVG nejsnáze poznáte podle přípony .svg. Vektorové obrázky, jako jsou soubory SVG, můžete identifikovat také tak, že je na monitoru počítače zvětšíte na 200 % nebo více. Vektorový obrázek si zachová čisté linie a plné barvy, není rozmazaný ani kostičkovaný.
I když se obrázky SVG používají hlavně na webu, najdou své uplatnění i mimo online svět. Protože se například při změně velikosti nedeformují, jsou soubory SVG užitečné jako šablony pro tisk na oblečení, například na trička. Soubor JPEG sestavený z mnoha obrazových bodů by se nepřenesl tak čistě.
Velikost souboru SVG závisí na tom, kolik obrazových dat obsahuje. Obvykle je však menší než u většiny ostatních typů souborů. Složitá grafika s mnoha cestami a kotevními body zabere více úložného prostoru než jednodušší a přehlednější návrhy. Snažte se proto minimalizovat počet složitých instrukcí obsažených v souboru.
Stručně řečeno, obrázky SVG jsou vektorové soubory, zatímco obrázky PNG jsou rastrové soubory. Pokud soubor PNG příliš zvětšíte nebo zmenšíte, bude rozmazaný a kostičkovaný. Soubory SVG neobsahují žádné obrazové body, proto u nich nikdy nedochází ke ztrátě rozlišení. Kromě toho soubory PNG nepodporují animace.
