Tiscali Webspace - Immagini: ottimizzarle e inserirle
home > webspace > guide e strumenti
Guida HTML
Immagini: ottimizzarle e inserirle

Durante la costruzione di una pagina web è fondamentale tenere presente che le immagini, per essere scaricate, richiedono una quantità di tempo maggiore rispetto al testo. E' quindi necessario fare alcune considerazioni sui formati che è possibile scegliere e sulle modalità di utilizzo degli stessi.
I due formati grafici più usati sul web sono i formati GIF e JPG.

Formato GIF

Il formato GIF gestisce un massimo di 256 colori compreso il trasparente.
Le immagini non vengono compresse, per ridurre il peso si usa la riduzione del numero di colori usati.
Le immagini in formato GIF vengono usate prevalentemente per pulsanti, titoli, animazioni.

Formato JPG
Il formato JPG gestisce un numero illimitato di colori ad eccezione del trasparente.
La riduzione del peso dell'immagine viene ottenuta con una compressione della stessa, a discapito della qualita di visualizzazione.
Le immagini in formato JPG vengono usate prevalentemente per immagini con complesse e molte tonalità di colore (come, ad esempio, scansioni).

Potete valutare la qualità dei due formati con diverse impostazioni con una serie di esempi che potete visionare cliccando qui.

La sintassi corretta per inserire un'immagine in una pagina html è:

<IMG SRC="percorso e nome dell'immagine con estensione" WIDTH="larghezza dell'immagine" HEIGHT="altezza dell'immagine">


Supponiamo che l'immagine che dobbiamo inserire sia stata salvata col nome di " 1.gif ", dimensioni pari a 25x50 pixel e sia residente nella cartella " img ". In questo caso la sintassi diverrà:

<IMG SRC="img/1.gif" WIDTH="25" HEIGHT="50">





pagina:   1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | indice