Largura e altura da imagem em HTML
Se você definir tanto a largura quanto a altura,
a imagem pode ficar distorcida. Por exemplo, se
definirmos a largura para 100 pixels e a altura
para 70px, nosso smiley ficará esticado
horizontalmente:
<img src="smile.png" width="100" height="70">
:
A imagem não ficará necessariamente distorcida, pois
podemos simplesmente definir tanto a largura quanto a altura para
100 pixels; neste caso, nossa imagem
ficará menor do que era (originalmente era 130),
mas suas proporções não serão distorcidas:
<img src="smile.png" width="100" height="100">
:
Defina a largura e a altura da sua imagem de modo que as proporções da imagem fiquem distorcidas.
Defina a largura e a altura da sua imagem de modo que as proporções da imagem NÃO fiquem distorcidas.
