Skip to main content

Co jsou grafika HTML?

V jazyce Hypertext Markup Language (HTML) existuje řada způsobů, jak zobrazit a vytvořit grafiku v dokumentu HTML.Nejpoužívanější typ grafiky HTML jsou obrázky, které jsou umístěny přímo na stránce HTML, nazývané inline obrázky, i když existují i jiné metody a mdash;například použití skriptovacího jazyka nebo kompilované webové aplikace mdash;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ů ve stylu (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 plugin.Inline HTML grafika je zdaleka 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í, ke které může dojít s inline obrazem, je to, že velikost obrazu bude možná nutné, aby se při pohledu na výjimečně velké nebo malé displeje vešly, což potenciálně snižuje kvalitu obrazu.

Škálovatelná vektorová grafika je složitějším stylem HTMLgrafika.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í dynamických dat, jako jsou grafy nebo grafy, ale činí je velmi nepraktické použít pro jiné typy grafiky, jako je vytvoření fotorealistických obrazů.Pro jednoduchou grafiku HTML a v situacích, ve kterých nelze načíst externí obrazový soubor, může být SVG životaschopnou možností.Základní jazyk HTML.To se provádí natažením přímo na speciální povrch známý jako plátno v dokumentu HTML.Pomocí JavaScript a CSS, tato metoda může vytvářet 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 mít za následek dlouhé bloky skriptovacího kódu, které by mohly na některých počítačích nebo zařízeních provádět velmi pomalu.