Imagem de fundo

[fabioandrad 0]

Ajudem por favor

 

Não consigo colocar uma imagem de fundo no meu site, quando coloco, a imagem fica com a qualidade muito ruim mesmo sendo de boa qualidade, coloquei várias fotos já e nenhuma deu certo, o que eu faço? como coloco uma imagem de fundo sem perder a qualidade? vi vários sites com imagens de fundo de ótima qualidade, o que eles fazem?

[Marlon Pacheco 132]

Posta o código que você usou.

[fabioandrad 0]

No HTML eu coloquei assim:

 

<img src="img/imagem.png">

 

Depois estilizei com css para preencher o fundo todo.

Peguei uma foto no google com resolução de 1920x1080 px e salvei no formato PNG, quando coloco no site a imagem fica muito pequena, depois aumento e perde muita qualidade.

[Vitor RC 11]

Aumente no CSS com a regra: background-size:

body {
   background:url("img.png");
   background-size:100% 100%;

}

[fabioandrad 0]

Não deu certo.

Eu fui ver a resolução da imagem clicando com o botão direito, depois propriedades, a resolução 300x168, não sei se é por isso, mas quando salvei a imagem do google, a resolução era de 1920x1080 e agora diminuiu, por que?

[reebr 94]

body {
    background: url("minha-imagem.jpg") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

Tente isto.

[fabioandrad 0]

Não deu certo tbm, a imagem ainda continua muito ruim

[rikaschmitt 54]

Tente trocar de imagem então, para testar.

Pegue uma maior, e certifique de que ela realmente tem uma resolução alta.

[victorqueiroz 34]

quando você tentar baixar a imagem do google tem que clicar nela e clicar em visualizar imagem e ai sim salvar

[fabioandrad 0]

Deu certo, vlw mesmo