Html, codice delle dimensioni immagini

Programmazione HTML

Ecco come e perchè inserire le dimensioni delle immagini da caricare sul web utilizzando il codice HTML

Il primo motivo è quello che ci consente, specificando le dimensioni, di ridimensionare l’immagine a nostro piacimento, ma sempre in riduzione e mai in aumento con il codice HTML.

Il secondo motivo è quello di comunicare al Browser, le dimensioni dell’immagine da caricare in modo che lo stesso Browser soffra meno nel caricarle e velocizzi l’esecuzione.

Se non sappiamo che dimensioni ha l’immagine, basta caricarla sul Browser, posizionare il mouse sull’immagine, cliccare con il tasto destro e dal menu scegliere “Proprietà” dove sono contenute tutte le informazioni dell’immagine stessa.

Abbiamo già visto come inserire l’immagine con il codice HTML ma rinfreschiamo la memoria
<img src="immagini/stones.gif">

Ora andiamo ad attribuire le dimensioni in larghezza e altezza dell’immagine, inserendone in Html:

<img src="immagini/stones.gif" width="50" height="50">

Attraverso i parametri width e height abbiamo specificato le dimensioni della nostra immagine espresse in pixel. E’ fondamentale indicare e specificare le dimensioni delle immagini che andrete ad inserire sulle vostre pagine web. Potreste anche non farlo, ma vi consiglio di indicarle sempre per dare modo al Browser di caricare le immagini con maggior velocità.