Atributo de largura HTML <img>
Exemplo
Uma imagem com uma altura de 600 pixels e uma largura de 500 pixels:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
O widthatributo especifica a largura de uma imagem, em pixels.
Dica: Sempre especifique os atributos heighte para imagens.
widthSe a altura e a largura forem definidas, o espaço necessário para a imagem será reservado quando a página for carregada. No entanto, sem esses atributos, o navegador não sabe o tamanho da imagem e não pode reservar o espaço apropriado para ela. O efeito será que o layout da página mudará durante o carregamento (enquanto as imagens são carregadas).
Dica: reduzir o tamanho de uma imagem grande com os atributos
heighte widthforça o usuário a baixar a imagem grande (mesmo que pareça pequena na página). Para evitar isso, redimensione a imagem com um programa antes de usá-la em uma página.
Suporte ao navegador
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
Sintaxe
<img width="pixels">
Valores de atributo
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
❮ Tag HTML <img>