SVG

SVG (Scalable Network Graphics) je vektorový grafický formát. Obrázek není popsán sítí pixelů, kterým se přiřazují barvy, ale pomocí logických prvků – úseček, obdélníků, kružnic a křivek. To jej činí ideálním pro uměle vytvářenou grafiku, jako jsou schémata, grafy a podobně.

Dlouhá léta bylo SVG pro web nepoužitelné, protože je nepodporoval tehdy dominantní MS Internet Explorer. Novější verze jej zobrazit dovedou, ovšem i v nich se vyskytují dílčí problémy, takže SVG je stále považován za formát pro odvážné.

Formát SVG je textový a je založen na XML. To znamená, že SVG soubory jsou čitelné pro člověka (i když vyznat se v těch větších rozhodně není snadné) a také mohou být vloženy přímo do zdrojového kódu stránky. V tom případě jsou obsaženy v prvku <svg>. Když si zobrazíte zdrojový kód této stránky (Ctrl-U), najdete v něm prvek <svg> obsahující dva prvky <circle>, jimiž jsem vložil tato dvě kolečka:

Přímé vkládání ovšem není příliš praktické, protože obvykle je třeba s obrázkem pracovat v grafickém editoru (otevírat jej, upravovat a ukládat), což se s obrázkem vloženým přímo do kódu stránky nedělá snadno. Proto je obvyklejší ukládat obrázky do samostatných souborů s příponou .svg a do stránky je vkládat pomocí prvku <img>, stejně jako ostatní grafické formáty.

Přednosti

• Je ideální pro konstruovanou grafiku – schémata, grafy, nápisy a podobně.

• Je vektorový, takže lze měnit velikost obrázků bez ztráty kvality.

• Lze jím manipulovat pomocí JavaScriptu, čili grafika může být zcela interaktivní. To je ovšem už vyšší dívčí.

Nedostatky

• Je nepoužitelný pro fotografie. Neexistuje jednoduchý způsob, jak převést snímek do SVG. Jsou sice k dispozici různé vektorizační nástroje, ale výsledné soubory jsou obrovské a nehezké.

• Problematické jsou texty, přesněji řečeno použitá písma (fonty). Má-li grafika obsahovat nápisy, máte následující možnosti, z nichž ani jedna není bez chyby:

  • Vložíte font do obrázku. Tím ale dramaticky naroste velikost jeho dat.

  • Budete počítat s tím, že uživatel má font nainstalován. To ale nemusí být pravda, nápis se pak zobrazí náhradním písmem, což může grafiku rozbít. V praxi to znamená omezovat se na běžně dostupná písma.

  • Nápisy převést na křivky a v obrázku na webu písmo vůbec nepoužívat. Text už pak ale nelze editovat, je proto třeba ponechat si obrázek ve verzi před převodem písma, abyste jej mohli snadno upravit.

• Podpora v prohlížečích je dosud o něco slabší než u zavedených rastrových formátů.