Logo do Site


Tag <img>




Exemplos


Como inserir uma imagem:

<img src="img_girl.jpg" alt="Mulher em uma jaqueta." width="500" height="600">



Definição de Uso


A tag <img> é usada para incorporar uma imagem em uma página HTML.

As imagens não são tecnicamente inseridas em uma página da web; as imagens estão vinculadas
a páginas da web. A tag cria um espaço de retenção para a imagem referenciada.

A tag tem dois atributos obrigatórios:


Observação: Além disso, sempre especifique a largura e a altura de uma imagem. Se largura e altura não forem
especificadas, a página pode piscar enquanto a imagem é carregada.

Dica: Para vincular uma imagem a outro documento, basta aninhar a tag <img> dentro de uma tag <a>


Suporte para Navegadores



Navegadores
Compatibilidade Sim Sim Sim Sim Sim


Atributo Valor Descrição
alt text Especifica um texto alternativo para uma imagem
height pixels Especifica a altura de uma imagem
crossorigin anonymous
use
credentials 		Especifica uma imagem como um mapa de imagem do lado do servidor
ismap ismap Especifica uma imagem como um mapa de imagem do lado do servidor
loading eager
lazy		 Especifica se um navegador deve carregar uma imagem imediatamente ou adiar o carregamento de imagens até que algumas condições sejam atendidas
longdesc URL Especifica um URL para uma descrição detalhada de uma imagem
referrerpolicy  no-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
unsafe-url		 Especifica quais informações do referenciador usar ao buscar uma imagem
sizes sizes Especifica tamanhos de imagem para diferentes layouts de página
src URL Especifica o caminho para a imagem
srcset URL-list Especifica uma lista de arquivos de imagem para usar em diferentes situações
usemap #mapname Especifica uma imagem como um mapa de imagens do lado do cliente
width pixels Especifica a largura de uma imagem



Atributos Globais


A tag <img> também suportam os Atributos Globais em HTML.