Upotettu kuva on graafinen kuva, joka lisätään verkkosivulle lisätäkseen visuaalista houkuttelevuutta, tarjotakseen tietoja tai esittääkseen hyperlinkin. Upotetut kuvat ovat yleensä GIF-, JPEG- tai PNG -muodossa. Ne liitetään verkkosivulle tietojen URI -mallin avulla.
Tietojen URI -tunnisteiden avulla voidaan upottaa pienikokoisia tietoja, jotka selain voi hakea välittömästi. Selain hakee upotetut kuvat HTML -koodin mukana ja näyttää ne osana verkkoasiakirjaa. Jotta selain voisi hakea ja näyttää kuvat ilman liikaa aikaa ja vaivaa, on suositeltavaa käyttää pienikokoisia upotettuja kuvia.
Suuremmat kuvat hidastavat latausaikaa ja aiheuttavat sen, että sivuston näkyminen näytöllä kestää kauan. Useimmilla verkkokävijöillä ei ole kärsivällisyyttä jäädä odottamaan sitä tapahtuvan. Tämä vaikuttaisi haitallisesti sivuston liikenteeseen.
HTML -upotetut kuvat hankitaan sen verkkosivuston palvelimelta, jossa ne näytetään, tai ne sisällytetään muilta ulkoisilta palvelimilta. Ulkoisten lähteiden upotettujen kuvien käyttäminen on kiistakysymys, koska tämä voidaan tehdä ilman lupaa. Img -tunnistetta käytetään upottamaan kuvia verkkosivun kappaleisiin ja otsikoihin. Img-tunnistetta ei voi käyttää vapaasti kelluvassa muodossa. Se on suljettava toisen elementin sisään.
Img -tagin pakollinen määrite on src -määrite. Src -määritteellä määritetään verkko -osoite tai URL -osoite, josta selain voi noutaa kuvatiedoston. Src -määritteen lisäksi HTML -upotetut kuvat voidaan määrittää kolmella valinnaisella määritteellä. Nämä ovat alt, align ja ismap.
Alt -määrite tarjoaa upotetun kuvatekstivaihtoehdon. Joten jos katsojan selain ei tue grafiikkaa, katsoja näkee tekstin kuvan sijasta. Alt -määritteen käyttäminen on erittäin suositeltavaa.
Alt -määritteen arvo voi olla tyhjä merkkijono. Jos esimerkiksi on koristeellinen kuva, sille ei tarvitse antaa vaihtoehtoista tekstiä. Siksi alt -määritteen arvo voidaan jättää tyhjäksi.
Sisäisen kuvan tyyli voidaan asettaa kohdistusmääritteellä. Kohdista -määrite kertoo selaimelle, missä upotetun kuvan on oltava suhteessa verkkosivun tekstiin. Upotettu kuva voidaan tasata verkkosivun viereisen tekstin ylä-, keski- tai alareunan kanssa.
Ismap -määritteellä upotettu kuva voidaan merkitä aktiiviseksi kuvakarttaksi. Tämä tarkoittaa, että kuvan eri osista voidaan tehdä erilaisia toimintoja aina, kun joku napsauttaa eri osia. Jos esimerkiksi on upotettu kuva, joka näyttää Maan ja Saturnuksen, Maan napsauttaminen voi johtaa tietoihin Maasta ja Saturnuksen napsauttaminen voi johtaa Saturnusta koskeviin tietoihin.
Toisin kuin alt- ja align -määritteet, ismap -attribuutti ei toimi pelkästään sisällyttämällä img -tagiin. Se vaatii joitakin määrityksiä palvelimella. Ohjelmointitaitoja voidaan myös vaatia jonkin verran.