Įterptas vaizdas yra grafinis vaizdas, įterpiamas į tinklalapį, siekiant suteikti vizualinio patrauklumo, suteikti informacijos arba pateikti hipersaitą. Įterpti vaizdai paprastai yra GIF, JPEG arba PNG formatais. Jie įtraukiami į tinklalapį naudojant duomenų URI schemą.
Duomenų URI leidžia įterpti mažo dydžio duomenis, kuriuos naršyklė gali iš karto gauti. Įterptuosius vaizdus naršyklė nuskaito kartu su HTML ir rodomi kaip žiniatinklio dokumento dalis. Kad naršyklė galėtų atgauti ir atvaizduoti vaizdus be per daug laiko ir vargo, patartina naudoti mažo dydžio įterptus vaizdus.
Didesni vaizdai sulėtintų įkėlimo laiką ir užtruks, kol svetainė pasirodys ekrane. Daugelis žiniatinklio lankytojų neturi kantrybės laukti, kad tai įvyktų. Tai neigiamai paveiktų svetainės srautą.
HTML tiesioginiai vaizdai gaunami iš svetainės, kurioje jie turi būti rodomi, serverio arba įtraukiami iš kitų išorinių serverių. Iš išorės šaltinių gautų vaizdų naudojimas yra ginčytinas dalykas, nes tai galima padaryti be leidimo. Žyma img naudojama įterpti įterptus vaizdus į tinklalapio pastraipas ir antraštes. Img žyma negali būti naudojama laisvai slankiojančia forma. Jis turi būti uždarytas kito elemento viduje.
Būtinas img žymos atributas yra src atributas. Atributas src nurodo žiniatinklio adresą arba URL, iš kurio naršyklė gali nuskaityti vaizdo failą. Be atributo src, HTML įterptuosius vaizdus galima apibrėžti trimis pasirenkamais atributais. Tai yra alt, align ir ismap.
Alt atributas suteikia įterpto vaizdo teksto alternatyvą. Taigi, jei žiūrinčiojo naršyklė nepalaiko grafikos, žiūrovas matys tekstą vietoje vaizdo. Labai rekomenduojama naudoti alt atributą.
Alt atributo reikšmė gali būti tuščia eilutė. Pavyzdžiui, jei yra dekoratyvinis paveikslėlis, jam nebūtina pateikti alternatyvaus teksto. Todėl alt atributo reikšmė gali būti palikta tuščia.
Įterpto vaizdo stilių galima nustatyti naudojant lygiavimo atributą. Lygiavimo atributas nurodo naršyklei, kur įterptinis vaizdas turi būti rodomas tinklalapio teksto atžvilgiu. Įterptas vaizdas gali būti sulygiuotas su gretimo tinklalapio teksto viršuje, viduryje arba apačioje.
Naudojant atributą ismap, eilutinį vaizdą galima pažymėti kaip aktyvų vaizdo žemėlapį. Tai reiškia, kad kaskart spustelėjus skirtingas vaizdo dalis galima atlikti skirtingus veiksmus. Pavyzdžiui, jei yra įtrauktas vaizdas, kuriame pavaizduota Žemė ir Saturnas, spustelėjus Žemę gali būti pateikta informacija apie Žemę, o spustelėjus Saturną – apie Saturną.
Skirtingai nuo alt ir align atributų, ismap atributas neveikia vien įtraukus į img žymą. Tam reikia atlikti tam tikrą konfigūraciją serveryje. Taip pat gali prireikti tam tikrų programavimo žinių.