Le
immagini
Problematiche
e metodo
Inserire delle immagini su di una pagina contribuirà a
renderla più gradevole a vedersi, oltre che professionale. Tuttavia prima di approfondire
come si inseriscono le immagini con il codice html, è doveroso analizzare delle
problematiche che sovente si verificano dopo la realizzazione e la pubblicazione online
del sito. Tutti noi avremo notato pagine particolarmente lente nel caricarsi, ritrovandoci
ad aspettare anche parecchi minuti (se siamo stati disposti ad aspettare...) prima di
poterle consultare. Le cause di tale lentezza potrebbero essere tante, tra le quali le
immagini definite "pesanti". Per immagine "pesante"
si intende una immagine dalle dimensioni espresse in kilobyte o peggio in
megabyte, troppo grosse per potere essere caricate nei tempi dovuti. Un
esempio classico è quello di impostare come sfondo della nostra home page una immagine
delle dimensioni ad esempio di 500 KB, il risultato sarebbe un'attesa di
caricamento che spesso si conclude con l'abbandono del sito alla ricerca di qualcosa di
più fruibile da parte del visitatore.
la soluzione a questo inconveniente è banale: basta utilizzare i formati grafici
adatti ed eventualmente del software reperibile anche su questo sito che si occupi di
ottimizzarle riducendone le dimensioni.
I formati utilizzati a tale scopo sono principalmente due:
Gif (Graphic Interchange Format): ottimo
per rappresentare colori uniformi come quelli dei loghi. Possiede una palette dei colori
limitata, in compenso non rappresenta un sovraccarico ai fini del caricamento delle
immagini.
Jpeg (Joint Photographic Experts Group):
consigliato per le fotografie, le quali contengono milioni di colori, perchè
possiede una palette di colori maggiore rispetto al formato Gif.
Esiste da poco inoltre un nuovo formato che promette una
migliore qualità delle immagini: il Png e che vorrebbe sostituire il
formato Gif. Il suo utilizzo è però ristretto solo ai browser più recenti.
Chiarito questo concetto passiamo ora a vedere come
inserire una immagine nella nostra pagina.
Supponiamo di possedere una immagine denominata foto.jpeg e di volerla rendere visibile
sulla nostra pagina, sarà indispensabile allora l'utilizzo del comando IMG e del suo attributo SRC.
I
tag IMG e SRC
Prendiamo come struttura di esempio quella già utilizzata
allo scopo di inserire del testo: |
