Aqui está como e por que inserir as dimensões das imagens para carregar na web usando o código HTML.
Aqui está como e por que inserir as dimensões das imagens para carregar na web usando código HTML
A primeira razão é que, especificando as dimensões, podemos redimensionar a imagem ao nosso gosto, mas sempre para menor e nunca para maior com código HTML.
A segunda razão é informar ao Navegador as dimensões da imagem a ser carregada para que o próprio Navegador tenha menos dificuldade ao carregá-la e acelere a execução.
Se não sabemos as dimensões da imagem, basta carregá-la no Navegador, posicionar o mouse sobre a imagem, clicar com o botão direito e no menu escolher “Propriedades” onde estão contidas todas as informações da própria imagem.
Já vimos como inserir a imagem com código HTMM mas vamos refrescar a memória
<img src="immagini/stones.gif">
Agora vamos atribuir as dimensões em largura e altura da imagem, inserindo-as em Html:
<img src="immagini/stones.gif" width="50" height="50">
Através dos parâmetros width e height especificamos as dimensões da nossa imagem expressas em pixels. É fundamental indicar e especificar as dimensões das imagens que você vai inserir em suas páginas web. Você poderia não fazê-lo, mas recomendo sempre indicá-las para permitir que o Navegador carregue as imagens com maior velocidade.
Pubblicato in HTML & CSS
Seja o primeiro a comentar