Mis on tekstisisene pilt?

Tekstisisene pilt on graafiline pilt, mis lisatakse veebilehele visuaalse atraktiivsuse lisamiseks, teabe edastamiseks või hüperlingi esitamiseks. Tekstisisesed pildid on tavaliselt GIF-, JPEG- või PNG-vormingus. Need lisatakse veebilehele, kasutades andmete URI skeemi.

Andme-URI-d võimaldavad manustada väikese suurusega andmeid, mille brauser saab kohe kätte saada. Brauser hangib tekstisisesed pildid koos HTML-iga ja kuvatakse veebidokumendi osana. Selleks, et brauser saaks pilte alla laadida ja kuvada ilma liigse aja ja vaevata, on soovitatav kasutada väikesemahulisi tekstisiseseid pilte.

Suuremad pildid aeglustavad laadimisaega ja saidi ekraanile ilmumiseks kulub kaua aega. Enamikul veebikülastajatest ei jätku kannatust selle toimumise nimel aega veeta. See mõjutaks saidi liiklust negatiivselt.

HTML-i tekstisisesed pildid pärinevad selle veebisaidi serverist, kus neid kuvatakse, või kaasatakse muudelt välistelt serveritelt. Välistest allikatest pärit tekstisiseste piltide kasutamine on vaidluse küsimus, kuna seda saab teha ilma loata. Märgendit img kasutatakse tekstisiseste piltide lisamiseks veebilehe lõikudesse ja pealkirjadesse. Märgendit img ei saa kasutada vabalt ujuval kujul. See peab olema suletud teise elemendi sisse.

Img-sildi nõutav atribuut on src atribuut. Atribuut src määrab veebiaadressi või URL-i, kust brauser saab pildifaili tuua. Lisaks atribuudile src saab HTML-i tekstisiseseid pilte määratleda kolme valikulise atribuudiga. Need on alt, joondus ja ismap.

Atribuut alt pakub tekstisisese pilditeksti alternatiivi. Seega, kui vaataja brauser graafikat ei toeta, näeb vaataja pildi asemel teksti. Alt-atribuudi kasutamine on väga soovitatav.
Atribuudi alt väärtus võib olla tühi string. Näiteks kui on olemas dekoratiivpilt, ei ole vaja sellele alternatiivset teksti pakkuda. Seetõttu võib alt atribuudi väärtuse tühjaks jätta.
Tekstisisese kujutise stiili saab määrata atribuudi joondus abil. Joondamisatribuut annab brauserile teada, kus tekstisisene pilt peab veebilehel oleva teksti suhtes ilmuma. Tekstisisese pildi saab joondada veebilehel külgneva teksti üla-, kesk- või alaosaga.
Atribuudi ismap abil saab tekstisisese pildi märkida aktiivseks pildikaardiks. See tähendab, et kui keegi klõpsab erinevatel osadel, saab pildi eri osi panna tegema erinevaid toiminguid. Näiteks kui on sees pilt, mis näitab Maad ja Saturni, võib Maal klõpsamine viia teabeni Maa kohta ja Saturnil klõpsamine võib viia teabeni Saturni kohta.
Erinevalt atribuutidest alt ja align, ei tööta ismap atribuut pelgalt img-märgendisse lisamisega. See nõuab teatud serveris konfigureerimist. Vajalik võib olla ka teatud programmeerimisalased teadmised.