Corso Html, dimensioni immagini

Ora vedremo come e perchè inserire le dimensioni delle immagini da caricare sul web.

Ora vedremo come e perchè inserire le dimensioni delle immagini da caricare sul web.

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. 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. Nella lezione precedente abbiamo visto come inserire l’immagine:

< 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à.

Se vuoi rimanere aggiornato su Corso Html, dimensioni immagini iscriviti alla nostra newsletter settimanale

Commenta per primo

Lascia un commento

L'indirizzo email non sarà pubblicato.


*


Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.