Un’immagine in linea è un’immagine grafica che viene inserita in una pagina Web per aggiungere appeal visivo, fornire informazioni o rappresentare un collegamento ipertestuale. Le immagini in linea sono generalmente nei formati GIF, JPEG o PNG. Sono incorporati in una pagina Web utilizzando lo schema URI dei dati.
Gli URI dei dati consentono l’incorporamento di dati di piccole dimensioni che possono essere recuperati istantaneamente dal browser. Le immagini in linea vengono recuperate dal browser insieme all’HTML e visualizzate come parte del documento web. Affinché il browser sia in grado di recuperare e visualizzare le immagini senza troppo tempo e problemi, è consigliabile utilizzare immagini in linea di piccole dimensioni.
Immagini più grandi rallenteranno il tempo di caricamento e farebbero impiegare molto tempo a visualizzare il sito sullo schermo. La maggior parte dei visitatori del Web non ha la pazienza di rimanere in giro per vederlo accadere. Ciò influenzerebbe negativamente il traffico del sito.
Le immagini in linea HTML provengono dal server del sito Web in cui devono essere visualizzate o sono incluse da altri server esterni. L’utilizzo di immagini in linea da fonti esterne è una questione controversa in quanto ciò può essere fatto senza autorizzazione. Il tag img viene utilizzato per inserire immagini in linea in paragrafi e intestazioni nella pagina web. Il tag img non può essere utilizzato in una forma fluttuante. Deve essere racchiuso all’interno di un altro elemento.
L’attributo richiesto del tag img è l’attributo src. L’attributo src specifica l’indirizzo web o l’URL da cui il browser può recuperare il file immagine. Oltre all’attributo src, le immagini in linea HTML possono essere definite da tre attributi opzionali. Questi sono alt, allinea e ismap.
L’attributo alt fornisce un’alternativa al testo dell’immagine in linea. Quindi, nel caso in cui il browser del visualizzatore non supporti la grafica, il visualizzatore vedrà il testo al posto dell’immagine. L’utilizzo dell’attributo alt è altamente raccomandato.
Il valore dell’attributo alt può essere una stringa vuota. Ad esempio, se è presente un’immagine decorativa, non è necessario fornire un testo alternativo per essa. Pertanto, il valore dell’attributo alt può essere lasciato vuoto.
Lo stile dell’immagine in linea può essere impostato con l’attributo align. L’attributo align indica al browser dove deve apparire l’immagine in linea in relazione al testo sulla pagina web. L’immagine in linea può essere allineata con la parte superiore, centrale o inferiore del testo adiacente sulla pagina web.
Con l’attributo ismap, un’immagine in linea può essere contrassegnata come una mappa immagine attiva. Ciò significa che è possibile creare diverse parti dell’immagine per produrre azioni diverse ogni volta che qualcuno fa clic sulle diverse parti. Ad esempio, se è presente un’immagine in linea che mostra la Terra e Saturno, fare clic su Terra può portare a informazioni sulla Terra e fare clic su Saturno può portare a informazioni su Saturno.
A differenza degli attributi alt e align, l’attributo ismap non funziona semplicemente includendolo nel tag img. Richiede una configurazione eseguita sul server. Potrebbe anche essere richiesta una certa conoscenza della programmazione.