Attributo larghezza <img> HTML

❮ Tag HTML <img>

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' widthattributo specifica la larghezza di un'immagine, in pixel.

Suggerimento: specifica sempre gli attributi heighte per le immagini. widthSe 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 heighte widthcostringe 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>