|
|
 |
|
|
|
Immagini HTML : RIDIMENSIONAMENTO
|
Puoi cambiare le dimensioni di un'immagine usando gli attributi width e height (larghezza e altezza).
In generale, non è consigliabile ridurre le dimensioni delle immagini usando questi comandi, in quanto l'immagine viene trasferita in internet nella sua misura originale, indipendentemente dalla riduzione che si è operata su di essa. Questo rallenterebbe lo scaricamento della tua pagina web.
Questo significa che se hai un'immagine più grande di quanto la vorresti, per inserirla in dimensioni ridotte sulla tua pagina, dovrai ridurla in un programma di grafica, invece di ridurne semplicemente le dimensioni sulla pagina usando gli attributi width e height.
Al contrario, a volte, può essere vantaggioso ingrandire le immagini usando questa tecnica.
Ecco due presentazioni della stessa identica immagine - con differenti opzioni per larghezza (width) e altezza (height).
<img src="http://www.echoecho.com/rainbow.gif" width="60" height="60">
|
<img src="http://www.echoecho.com/rainbow.gif" width="120" height="120">
|
Se non vengono specificate le opzioni di larghezza e altezza, il browser automaticamente userà le dimensioni reali dell'immagine.
Comunque, dovresti sempre specificare le opzioni di larghezza e altezza, anche quando usi un'immagine nelle sue dimensioni reali!
Il motivo è che se queste opzioni vengono tralasciate, il browser non può costruire la pagina finché l'immagine non è completamente scaricata.
Questo vuol dire che il visitatore non può leggere il testo intorno all'immagine mentre l'immagine stessa viene scaricata - e questo dà come risultato l'impressione di una pagina "lenta".
Questo è ancora più evidente se l'immagine è all'interno di una tavola.
In tal caso, l'intera tavola appare solo quando l'immagine è completamente scaricata.
|
|
| |
|
CORSI 
