Soubory SVG

Obsah

• Co je soubor SVG?
• Historie souborů SVG
• K čemu se soubory SVG používají?
• Výhody a nevýhody souborů SVG
• Jak otevřít soubor SVG
• Jak otevřít a upravit soubor SVG
• Soubory SVG: časté otázky

Co je soubor SVG?

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 bez ztráty kvality, 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ě pomoct webu posunout se výše ve výsledcích vyhledávání.

Soubor SVG snadno rozpoznáte podle přípony .svg.

Historie souborů SVG

Historie formátu SVG sahá až do konce 90. let, kdy konsorcium World Wide Web Consortium (W3C) vyzvalo vývojáře, aby předložili návrhy na nový typ vektorového grafického formátu. Bylo odesláno šest konkurenčních návrhů, které se podílely na vývoji konečného formátu SVG konsorcia W3C.

Trvalo nějakou dobu, než si soubory SVG získaly oblibu. Jejich podpora byla poměrně malá až do roku 2017, kdy si lidé začali uvědomovat výhody používání souborů SVG v moderních webových prohlížečích. Soubory SVG se nyní široce používají pro 2D obrázky na webových stránkách, protože většina prohlížečů a aplikací pro kreslení zaměřených na vektorové soubory si s nimi snadno poradí.

Výhody a nevýhody souborů SVG

Před uložením obrázků do formátu SVG byste měli prozkoumat jeho výhody a nevýhody.

Výhody souborů SVG

• Na rozdíl od rastrových souborů, které se skládají z obrazových bodů, si vektorová grafika, jako je SVG, vždy zachovává své rozlišení – bez ohledu na to, jak velké nebo malé soubory vytvoříte. Nemusíte se obávat, že obrázky SVG ztratí svou kvalitu v některých prohlížečích nebo při změně velikosti kvůli zobrazení na různých místech.
• Základní soubory SVG jsou často menší než rastrové obrázky, které jsou vytvořeny z mnoha barevných obrazový bodů, nikoli pomocí matematických algoritmů.
• Protože soubory SVG zachází s textem jako s textem (nikoli jako s designem), můžou čtečky obrazovky rozpoznat všechna slova obsažená v obrázcích SVG, což je velmi užitečné pro lidi, kteří potřebují pomoc při čtení webových stránek. Text v obrázku SVG můžou navíc číst a indexovat také vyhledávače.

Nevýhody souborů SVG

• Soubory SVG se skvěle hodí pro webovou grafiku, jako jsou loga, ilustrace a grafy. Protože však neobsahují obrazové body, je problematické jejich použití k zobrazení vysoce kvalitních digitálních fotografií. Pro tyto účely jsou obecně lepší soubory JPEG.
• Obrázky SVG podporují pouze moderní prohlížeče. Jejich použití v prohlížeči Internet Explorer 8 a dalších starších prohlížečích může působit problémy.
• Kód obsažený v obrázcích SVG může být obtížně pochopitelný, pokud se s tímto formátem souborů teprve seznamujete.

Jak otevřít soubor SVG

Soubory SVG otevřete ve všech hlavních prohlížečích, od Chrome přes Edge po Safari, ať už používáte Mac nebo Windows. Stačí spustit prohlížeč a kliknout na nabídku Soubor.

Pak klikněte na Otevřít a vyberte soubor, který si chcete prohlédnout. Obrázek se poté zobrazí v prohlížeči.

Stejně snadné je otevření obrázku SVG pomocí integrovaného programu v počítači. Dvakrát klikněte na název souboru a zobrazí se seznam programů, ve kterém lze soubor otevřít – nebo se obrázek automaticky otevře v kompatibilním programu.

Jak otevřít a upravit soubor SVG

V aplikaci Adobe Photoshop postupujte podle následujících kroků:

1. Po dokončení obrázku v aplikaci Photoshop klikněte na Soubor > Exportovat > Exportovat jako.
2. V zobrazeném okně klikněte na rozevírací nabídku Formát a vyberte možnost SVG.
3. Vyberte Exportovat vše a uložte soubor.

Poznámka: Protože aplikace Photoshop je editor rastrové grafiky, dává mnoho lidí přednost tvorbě a úpravám souborů SVG v aplikaci Adobe Illustrator, editoru vektorové grafiky.