DEFINIZIONE
Per immagine, in questa trattazione, si intende un file ad esempio JPEG, GIF, PNG o comunque un formato visibile sul web all'interno di una comune pagina HTML tramite un browser web.

I VANTAGGI
I vantaggi nello scegliere un impatto grafico basato sulle immagini sono fondamentalmente legati ad una migliore resa stilistica del sito in questione e, in secondo luogo, ad una interfaccia più amichevole e comprensibile per l'utente finale (anche se può sembrare banale, troppo spesso ci si trova di fronte a siti web con buoni contenuti ma troppo pesanti da visitare proprio perchè sprovvisti di un adeguato impatto grafico).

LE PROBLEMATICHE
I problemi più noti sono:

1. Il fatto che comunque una pagina piena di immagini è molto più pesante da scaricare rispetto ad un'altra che invece magari è solo testuale;

2. Esiste la possibilità che per errore l'immagine non si carichi o non si carichi completamente (se la connessione dell'utente finale è lenta);

3. Un titolo inserito in un'immagine non è interpretabile da un motore di ricerca e quindi, se la pagina non contiene testo, risulterà meno accessibile agli spider.

COME USARLE
Una cosa da non fare è evitare in maniera categorica di introdurre immagini all'interno del proprio sito, diventerebbe noioso e non attirerebbe visitatori.

Al problema 1 si può rispondere utilizzando meno immagini e un po' di buon senso: 25% di spazio in immagini e 75% in testo; per risolvere il secondo problema è sufficiente creare immagini non troppo estese (max 640x480) abbinando loro compressioni immagini adeguate; al terzo invece basta inserire nella tag dell'immagine la proprietà "alt" (alternative text) specificando a parole il contenuto dell'immagine: es. <img src="immagine.jpg" alt="Una casa rossa">. Se invece si deve per forza inserire un'immagine grande (più di 640x480) una buona idea potrebbe essere quella di scomporla in più immagini piccole da accostare poi ad esempio in una tabella.