Boa noite, tudo bem? Estava desenvolvendo meu projeto acompanhando as aulas, porém na parte de colocar a imagem estou tendo um grande problema. Não entendi muito bem qual é a maneira mais correta de regular o tamanho da imagem para mostrar no meu site.
Boa Noite Tudo bem?
Existem muitas maneiras de regular a imagem, mas normalmente se é usado com a propriedade width(largura) algumas notas que precisa ser levado em conta, existe um limite de quanto ele mantém a imagem proporcional, caso ocorra você pode regular ele em conjunto com o height(altura)
No HTML
<body>
<h3>redimensionando Imagem</h3>
<img class="doguinho" src="./doguinho.jpg"
</body>
No Css
.doguinho{
width: 400px;
}
Você pode usar o width e height com %, por exemplo se você usar width com 30% você esta dizendo que a imagem ira ter uma largura que irá ocupar 30% da tela e de brinde ainda se mantém proporcional(varia de imagem pra imagem de acordo com a proporcionalidade).
Ex com %
.doguinho{
width: 15%;
}
Existem outras formas de redimensionar a imagem mas essa é mas usada e serve pra quase todos os casos. Espero ter ajudado ;)