Page 56 - HTML, PHP & MYSQL - La programmazione eb

quindi, si supera il testo ed i documenti si arricchiscono di

altri elementi come immagini ed elementi multimediali. In

questa lezione

vedremo come inserire un'immagine in un documento

HTML. Prima di vedere qual'è il markup HTML

necessario per inserire un'immagine in una pagina web,
tuttavia, è bene fare qualche premessa circa i file

d'immagine e le caratteristiche che devono avere.

I formati delle immagini per il Web

I principali e più diffusi formati immagine utilizzati sul
Web sono:

x GIF (adatto a loghi, bottoni e banner, e possono essere

immagini animate, quindi in movimento)

x JPG (adatto alle foto, dato che si tratta di un formato ad

alta risoluzione)

x PNG (molto portabile su tutte le piattaforme e meglio
trattabile attraverso software di grafica).

Inutile utilizzare altri formati d'immagine in quanto il

risultato potrebbe non essere quello aspettato: i browser,

infatti, sono in grado di gestire solo i formati grafici per il

Web. Non possono essere utilizzati, quindi, file nei formati
PSD, BMP, TIFF, ecc.

Altra raccomandazione importante riguarda il "peso" delle
immagini. È consigliabile, infatti, utilizzare immagini non

troppo pesanti in quanto potrebbero rallentare

notevolmente il caricamento della pagina. Prima di

pubblicare un'immagine all'interno di una pagina web,

57