Co jsou grafika HTML?
V jazyce Hypertext Markup Language (HTML) existuje řada způsobů, jak zobrazit a vytvořit grafiku v dokumentu HTML. Nejčastěji používaným typem grafiky HTML jsou obrázky, které jsou umístěny přímo na stránce HTML, nazývané inline 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). V seznamu je také některá základní grafika HTML, která je podporována specifikací jazyka a nevyžadují externí soubory, jako jsou vodorovné čáry a kulky. Složitější grafika HTML lze dosáhnout pomocí skriptovacího jazyka, kaskádových listů (CSS) a prvku HTML Canvas, což dává nativní možnost pro některé efekty, které byly dříve možné pouze prostřednictvím externích objektů a plug-in.
Zdaleka, inline html grafika je nejpoužívanější a nejjednodušší způsob, jak umístit obrázek do dokumentu HTML. To v zásadě zahrnuje vytvoření obrázku v editoru obrázku, uložení do běžně používaného formátu souboru a poté zadání názvu a umístění obrazového souboru v dokumentu HTML se značkou IMG. Kromě jednoduchosti začlenění inline grafiky do dokumentu může vykreslovací motor ve většině webových prohlížečů snadno umístit grafiku do složitějších rozvržení stránek bez formátování artefaktů. Jednou komplikací, která se může vyskytnout s inline obrazem, je to, že velikost obrazu bude možná nutné při pohledu na výjimečně velké nebo malé displeje, což potenciálně snižuje kvalitu obrazu.
Škálovatelná vektorová grafika je složitějším stylem grafiky HTML. Obrázek SVG je nakreslen definováním tvarů, cest a liniových hmotností a je nakreslen za běhu, když uživatel prohlíží dokument. Díky tomu je SVG dobrou volbou pro zobrazení DYNAMIC data, jako jsou grafy nebo grafy, ale činí je velmi nepraktické používat pro jiné typy grafiky, jako je konstrukce fotorealistických obrazů. Pro jednoduchou grafiku HTML a v situacích, kdy nelze načíst externí obrazový soubor, může být SVG životaschopnou možností.
S vývojem jazykového standardu HTML verze 5 (HTML5) je možné vytvořit dynamickou HTML grafiku v základním jazyce HTML. To se provádí natažením přímo na speciální povrch známý jako plátno v dokumentu HTML. Použitím JavaScript® a CSS může tato metoda vytvořit animace nebo hry, které mohou reagovat na vstup uživatele nebo upravit 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ý postup, který by mohl vést k dlouhým blokům skriptovacího kódu, které by mohly na některých počítačích nebo zařízeních provádět velmi pomalu.