O imagine inline este o imagine grafică care este inserată într-o pagină web pentru a adăuga atractivitate vizuală, pentru a oferi informații sau pentru a reprezenta un hyperlink. Imaginile inline sunt de obicei în formate GIF, JPEG sau PNG. Acestea sunt încorporate într-o pagină web folosind schema URI de date.
URI-urile de date permit încorporarea de date de dimensiuni mici care pot fi preluate instantaneu de browser. Imaginile în linie sunt preluate de browser împreună cu HTML și afișate ca parte a documentului web. Pentru ca browserul să poată prelua și afișa imaginile fără prea mult timp și probleme, este recomandabil să folosiți imagini inline de dimensiuni mici.
Imaginile mai mari ar încetini timpul de încărcare și ar face ca site-ul să dureze mult să apară pe ecran. Cei mai mulți vizitatori web nu au răbdarea să stea în jur pentru a vedea că se întâmplă. Acest lucru ar afecta negativ traficul pe site.
Imaginile HTML inline sunt preluate de pe serverul site-ului web pe care urmează să fie afișate sau incluse de pe alte servere externe. Utilizarea imaginilor inline din surse externe este o chestiune de dispută, deoarece acest lucru se poate face fără permisiune. Eticheta img este folosită pentru a insera imagini inline în paragrafe și titluri din pagina web. Eticheta img nu poate fi utilizată într-o formă flotantă. Trebuie să fie închis în alt element.
Atributul necesar al etichetei img este atributul src. Atributul src specifică adresa web sau URL-ul de la care browserul poate prelua fișierul imagine. În afară de atributul src, imaginile HTML inline pot fi definite prin trei atribute opționale. Acestea sunt alt, align și ismap.
Atributul alt oferă o alternativă de text a imaginii în linie. Deci, în cazul în care browserul utilizatorului nu acceptă grafică, acesta va vedea textul în locul imaginii. Utilizarea atributului alt este foarte recomandată.
Valoarea atributului alt poate fi un șir gol. De exemplu, dacă există o imagine decorativă, nu este necesar să se furnizeze text alternativ pentru aceasta. Prin urmare, valoarea atributului alt poate fi lăsată necompletată.
Stilul imaginii inline poate fi setat cu atributul align. Atributul align îi spune browserului unde trebuie să apară imaginea în linie în raport cu textul de pe pagina web. Imaginea în linie poate fi aliniată cu partea de sus, mijloc sau de jos a textului adiacent de pe pagina web.
Cu atributul ismap, o imagine inline poate fi marcată ca hartă a imaginii activă. Aceasta înseamnă că diferite părți ale imaginii pot fi făcute pentru a produce diferite acțiuni ori de câte ori cineva face clic pe diferitele părți. De exemplu, dacă există o imagine în linie care arată Pământul și Saturn, un clic pe Pământ poate duce la informații despre Pământ și un clic pe Saturn poate duce la informații despre Saturn.
Spre deosebire de atributele alt și align, atributul ismap nu funcționează prin simpla includere în eticheta img. Necesită o configurație făcută pe server. De asemenea, poate fi necesară o anumită cunoștințe de programare.