Co jsou HTML grafiky?
V jazyce HTML (HyperText Markup Language) existuje řada způsobů, jak zobrazit a vytvořit grafiku v dokumentu HTML. Nejpoužívanějším typem grafiky HTML jsou obrázky, které jsou umístěny přímo na stránce HTML, nazývané vložené obrázky, ačkoli existují i jiné metody - například použití skriptovacího jazyka nebo kompilované webové aplikace -, které lze použít k dosažení stejných výsledků. Pro dynamicky generovanou grafiku pro grafy nebo grafy lze použít škálovatelnou vektorovou grafiku (SVG). Existuje také několik základních grafik HTML, které jsou podporovány specifikací jazyka a nevyžadují externí soubory, jako jsou vodorovné čáry a odrážky v seznamu. Složitější grafiku HTML lze dosáhnout pomocí skriptovacího jazyka, kaskádových stylů (CSS) a prvku plátna HTML, což dává nativní možnost pro některé efekty, které dříve byly možné pouze prostřednictvím externích objektů a zásuvných modulů.
Inline HTML grafika je zdaleka nejpoužívanější a nejjednodušší způsob, jak umístit obrázek do HTML dokumentu. V zásadě to zahrnuje vytvoření obrázku v editoru obrázků, jeho uložení do běžně používaného formátu souboru a následné zadání názvu a umístění obrazového souboru v dokumentu HTML pomocí značky IMG. Kromě jednoduchosti začlenění vložené grafiky do dokumentu může vykreslovací modul ve většině webových prohlížečů snadno umístit grafiku do složitějších rozvržení stránky bez jakýchkoli formátovacích artefaktů. Jednou komplikací, která může nastat u vloženého obrázku, je to, že velikost obrázku bude možná muset být upravena tak, aby se vešly na mimořádně velké nebo malé displeje při prohlížení, což potenciálně snižuje kvalitu obrazu.
Škálovatelná vektorová grafika je složitější styl grafiky HTML. Obrázek SVG se nakreslí definováním tvarů, cest a hmotností čar a nakreslí se za běhu, když si uživatel prohlíží dokument. Díky tomu je SVG dobrou volbou pro zobrazování dynamických dat, jako jsou grafy nebo grafy, ale je velmi nepraktické použít pro jiné typy grafiky, jako je například vytváření fotorealistických obrázků. Pro jednoduchou grafiku HTML a v situacích, kdy nelze načíst soubor externího obrázku, může být SVG schůdnou možností.
S vývojem standardu jazyka HTML verze 5 (HTML5) je možné vytvářet dynamickou grafiku HTML v základním jazyce HTML. To se provádí přímým nakreslením na speciální povrch známý jako plátno v dokumentu HTML. Použitím JavaScriptu® a CSS může tato metoda vytvářet animace nebo hry, které mohou reagovat na vstup uživatele nebo upravovat grafiku v závislosti na nastavení webového prohlížeče nebo jiných dat. Vytvoření grafiky HTML5 však může být složitá procedura, která by mohla vést k dlouhým blokům skriptovacího kódu, který by se na některých počítačích nebo zařízeních mohl provádět velmi pomalu.