Attributo larghezza <img> HTML
Esempio
Un'immagine con un'altezza di 600 pixel e una larghezza di 500 pixel:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
L' width
attributo specifica la larghezza di un'immagine, in pixel.
Suggerimento: specifica sempre gli attributi height
e per le immagini.
width
Se sono impostate altezza e larghezza, lo spazio necessario per l'immagine viene riservato al caricamento della pagina. Tuttavia, senza questi attributi, il browser non conosce la dimensione dell'immagine e non può riservarle lo spazio appropriato. L'effetto sarà che il layout della pagina cambierà durante il caricamento (durante il caricamento delle immagini).
Suggerimento: il ridimensionamento di un'immagine grande con gli attributi
height
e width
costringe un utente a scaricare l'immagine grande (anche se sembra piccola sulla pagina). Per evitare ciò, ridimensionare l'immagine con un programma prima di utilizzarla su una pagina.
Supporto del browser
Attribute | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Sintassi
<img width="pixels">
Valori di attributo
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
❮ Tag HTML <img>