Inline slika je grafička slika koja se umeće u web stranicu kako bi dodala vizualnu privlačnost, pružila informacije ili predstavljala hipervezu. Inline slike su obično u GIF, JPEG ili PNG formatima. Oni su ugrađeni u web stranicu pomoću sheme URI podataka.
URI-ji podataka omogućuju ugrađivanje podataka male veličine koje preglednik može odmah dohvatiti. Umetnute slike preglednik dohvaća zajedno s HTML-om i prikazuje ih kao dio web dokumenta. Kako bi preglednik mogao dohvatiti i prikazati slike bez previše vremena i problema, preporučljivo je koristiti inline slike male veličine.
Veće slike bi usporile vrijeme učitavanja i uzrokovale bi da se web-mjestu pojavi dugo vremena na ekranu. Većina posjetitelja weba nema strpljenja čekati da se to dogodi. To bi negativno utjecalo na promet web-lokacije.
HTML umetnute slike dolaze s poslužitelja web-mjesta na kojem se trebaju prikazati ili su uključene s drugih vanjskih poslužitelja. Korištenje inline slika iz vanjskih izvora predmet je spora jer se to može učiniti bez dopuštenja. Oznaka img koristi se za umetanje inline slika u odlomke i naslove na web stranici. Oznaka img ne može se koristiti u slobodno plutajućem obliku. Mora biti zatvoren unutar drugog elementa.
Potrebni atribut oznake img je atribut src. Atribut src specificira web adresu ili URL s kojeg preglednik može dohvatiti slikovnu datoteku. Osim atributa src, HTML inline slike mogu se definirati s tri neobavezna atributa. To su alt, align i ismap.
Atribut alt pruža inline tekstualnu alternativu slike. Dakle, u slučaju da preglednik gledatelja ne podržava grafiku, gledatelj će vidjeti tekst umjesto slike. Korištenje atributa alt je vrlo preporučljivo.
Vrijednost atributa alt može biti prazan niz. Na primjer, ako postoji ukrasna slika, nije potrebno dati alternativni tekst za nju. Stoga se vrijednost atributa alt može ostaviti praznom.
Umetnuti stil slike može se postaviti s atributom align. Atribut align govori pregledniku gdje se umetnuta slika mora pojaviti u odnosu na tekst na web stranici. Umetnuta slika može se poravnati s vrhom, sredinom ili dnom susjednog teksta na web stranici.
S atributom ismap, inline slika može se označiti kao aktivna slikovna karta. To znači da se različiti dijelovi slike mogu napraviti da proizvedu različite radnje kad god netko klikne na različite dijelove. Na primjer, ako postoji inline slika koja prikazuje Zemlju i Saturn, klik na Zemlju može dovesti do informacija o Zemlji, a klik na Saturn može dovesti do informacija o Saturnu.
Za razliku od atributa alt i align, atribut ismap ne radi samo uključivanjem u oznaku img. Zahtijeva konfiguraciju na poslužitelju. Možda će biti potrebno i određeno znanje o programiranju.