Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Relevância das imagens e background-position

Saudações! Tenho duas dúvidas. Primeiramente, por que se considera que as imagens das pessoas não são relevantes ao HTML e, por isso, devem ser inseridas via CSS mas não se usa o mesmo raciocínio para as imagens das receitas? Em segundo lugar, qual a função de um background-postion: center após utilizarmos background-size: cover? Pelo que entendi o position será irrelevante para um background que cobre todo o espaço disponível...

1 resposta
solução!

Fala ai Eric, tudo bem? Vamos lá:

Primeiramente, por que se considera que as imagens das pessoas não são relevantes ao HTML e, por isso, devem ser inseridas via CSS mas não se usa o mesmo raciocínio para as imagens das receitas?

É porque dificilmente alguém vai pegar uma receita sem vê-la pronta, ja as pessoas, a gente tem outras informações e não necessariamente elas causam o mesmo impacto das receitas.

Isso porque as receitas é o core da página, agora as pessoas, são informações à mais.

Em segundo lugar, qual a função de um background-postion: center após utilizarmos background-size: cover?

Ele vai centralizar a imagem e calcular seu cover baseado no tamanho da box, isso porque se você colocar left ou right pode ser que a receita fique mais para fora da box.

Isso porque o cover vai fazer o possível para não prejudicar a resolução da imagem, dessa forma, pode ser que as vezes o conteudo principal da imagem fique mais para cima ou para os lados, ai junto com o background-position vamos ajustando.

O cover seria como uma mask para a imagem.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software