Vgrajena slika je grafična slika, ki je vstavljena v spletno stran za dodajanje vizualne privlačnosti, zagotavljanje informacij ali predstavljanje hiperpovezave. Vgrajene slike so običajno v formatih GIF, JPEG ali PNG. V spletno stran so vključeni s shemo podatkovnega URI.
Podatkovni URI-ji omogočajo vdelavo majhnih podatkov, ki jih lahko brskalnik takoj pridobi. Vgrajene slike brskalnik pridobi skupaj s HTML in jih prikaže kot del spletnega dokumenta. Da bi brskalnik lahko priklical in prikazal slike brez preveč časa in težav, je priporočljivo uporabiti vgrajene slike majhne velikosti.
Večje slike bi upočasnile čas nalaganja in povzročile, da bi spletno mesto trajalo dolgo časa, da se prikaže na zaslonu. Večina obiskovalcev spleta nima potrpljenja, da bi videla, da se to zgodi. To bi negativno vplivalo na promet na spletnem mestu.
Slike v vrstici HTML izvirajo iz strežnika spletnega mesta, na katerem bodo prikazane, ali so vključene iz drugih zunanjih strežnikov. Uporaba vgrajenih slik iz zunanjih virov je sporna, saj je to mogoče storiti brez dovoljenja. Oznaka img se uporablja za vstavljanje vstavljenih slik v odstavke in naslove na spletni strani. Oznake img ni mogoče uporabiti v prosto plavajoči obliki. Zaprt mora biti znotraj drugega elementa.
Zahtevani atribut oznake img je atribut src. Atribut src določa spletni naslov ali URL, s katerega lahko brskalnik pridobi slikovno datoteko. Poleg atributa src lahko slike v vrstici HTML definirate s tremi izbirnimi atributi. To so alt, align in ismap.
Atribut alt ponuja alternativo besedilu v vrstici. Torej, če brskalnik gledalca ne podpira grafike, bo gledalec namesto slike videl besedilo. Uporaba atributa alt je zelo priporočljiva.
Vrednost atributa alt je lahko prazen niz. Na primer, če obstaja okrasna slika, zanjo ni treba zagotoviti alternativnega besedila. Zato lahko vrednost atributa alt pustite prazno.
Slog vstavljene slike lahko nastavite z atributom align. Atribut align pove brskalniku, kje se mora prikazati vstavljena slika glede na besedilo na spletni strani. Vgrajeno sliko lahko poravnate z zgornjim, srednjim ali spodnjim delom sosednjega besedila na spletni strani.
Z atributom ismap lahko vstavljeno sliko označite kot aktiven slikovni zemljevid. To pomeni, da lahko različne dele slike naredimo za različna dejanja, ko nekdo klikne na različne dele. Na primer, če obstaja vstavljena slika, ki prikazuje Zemljo in Saturn, lahko klik na Zemljo pripelje do informacij o Zemlji, klik na Saturn pa do informacij o Saturnu.
Za razliko od atributov alt in align atribut ismap ne deluje zgolj z vključitvijo v oznako img. Zahteva nekaj konfiguracije na strežniku. Morda bo potrebno tudi nekaj znanja programiranja.