Co je to vložený obrázek?
Vložený obrázek je grafický obrázek, který je vložen na webovou stránku, aby přidal vizuální přitažlivost, poskytl informace nebo představoval hypertextový odkaz. Vložené obrázky jsou obvykle ve formátech GIF, JPEG nebo PNG. Jsou začleněny do webové stránky pomocí schématu datových URI.
Datové URI umožňují vkládání dat o malé velikosti, které lze prohlížečem okamžitě získat. Vložené obrázky jsou vyhledávány prohlížečem spolu s HTML a zobrazeny jako součást webového dokumentu. Aby mohl prohlížeč načítat a zobrazovat obrázky bez příliš mnoho času a problémů, je vhodné použít vložené obrázky malé velikosti.
Větší obrázky zpomalí dobu načítání a způsobí, že se web na obrazovce objeví dlouho. Většina návštěvníků webu nemá trpělivost na to, aby se kolem toho setkala. To by nepříznivě ovlivnilo provoz na webu.
Vložené obrázky HTML jsou získávány ze serveru webové stránky, na které mají být zobrazeny, nebo jsou zahrnuty z jiných externích serverů. Použití vložených obrázků z externích zdrojů je věcí sporu, protože to lze provést bez povolení. Značka img se používá k vložení vložených obrázků do odstavců a nadpisů na webové stránce. Značku img nelze použít ve volně plovoucí formě. Musí být uzavřen uvnitř jiného prvku.
Požadovaný atribut značky img je atribut src. Atribut src určuje webovou adresu nebo URL, ze které může prohlížeč načíst soubor obrázku. Kromě atributu src lze vložené obrázky HTML definovat třemi volitelnými atributy. Jsou to alt, zarovnat a ismap.
Atribut alt poskytuje alternativu textu vloženého obrázku. Takže pokud prohlížeč prohlížeče nepodporuje grafiku, uvidí divák text místo obrázku. Doporučujeme používat atribut alt.
Hodnota atributu alt může být prázdný řetězec. Například, pokud existuje dekorativní obraz, není nutné pro něj poskytovat alternativní text. Proto může být hodnota atributu alt ponechána prázdná.
Styl vloženého obrázku lze nastavit pomocí atributu zarovnání. Atribut zarovnání říká prohlížeči, kde se musí vložený obrázek objevit ve vztahu k textu na webové stránce. Vložený obrázek může být zarovnán s horním, středním nebo spodním sousedním textem na webové stránce.
S atributem ismap lze vložený obrázek označit jako aktivní obrazovou mapu. To znamená, že různé části obrazu mohou být vytvořeny pro různé akce, kdykoli někdo klikne na různé části. Například, pokud existuje inline obrázek zobrazující Zemi a Saturn, kliknutí na Zemi může vést k informacím o Zemi a kliknutí na Saturn může vést k informacím o Saturn.
Na rozdíl od atributů alt a zarovnání atribut ismap nefunguje pouhým zahrnutím do značky img. Vyžaduje určitou konfiguraci provedenou na serveru. Může být také zapotřebí určité množství znalostí programování.