Imagem que se adapta a todas as resoluções

[Joao Pedro Cruz 1]

Olá pessoal, bom é o seguinte, quando coloco uma logo no site, na minha resolução ela fica ótima, claro, mas quando muda para o outro pc, com resolução maior, ela fica muito esticada e quando eu tiro um pouco da largura ( adaptando a resolução do pc maior ) fica normal, mas quando mudo para o notebook ( com resolução menor, obvio ) a imagem fica muita achatada! Como posso deixar a imagem sempre do mesmo tamanho!

[Galliani 6]

Olá João,

já que este tópico esta na categoria de CSS, e HTML vou exemplificar das duas maneiras:

HTML

Você tem a sua imagem

<img src="imagem.jpg ou .png ou .gif ou .alguma coisa">

e você devera setar a largura específica e a altura especifica a ela via dois atributos:

 

Largura = width

Altura = height

 

Ex:

<img src="imagem.jpg ou .png ou .gif ou .alguma coisa" width="300" height="500">

 

Agora CSS

img{
    width: 300px;
    height: 500px;
}

Espero ter ajudado, Falou!

[Joao Pedro Cruz 1]

Sim, ajudou bastante, era isto mesmo, eu realmente esqueci de usar estes atributos, muito obrigado :natalbiggrin:

[andersonseifert 10]

Marca como Resolvido amigo .