A diferença entre inserir uma imagem no projeto Web através do HTML ou do CSS, quando utilizar um ou outro e qual a proposta de cada um deles.
Se a imagem pode ser inserida no projeto tanto no HTML através da tag <img src=” ” /> , quanto no CSS através do background-image: url(); qual devo usar e porque devo usar?
Para a resposta eu fiz o entendimento do projeto Web separando a proposta de cada uma das linguagens.
Tendo como referência a imagem acima, podemos concluir:
Imagem no HTML
Deve ser utilizada a tag <img /> para inserir a imagem através do HTML quando a imagem fizer parte da estrutura/conteúdo do projeto, exemplo disso seria uma imagem de produto ou serviço da empresa que tem tanta importância quanto um texto, ou até mesmo ser mais importante que um texto.
Imagem no CSS
Caso a imagem seja apenas decorativa, como uma paisagem por exemplo, que não tem relação com o conteúdo do projeto web e será apenas um background, essa imagem deve ser inserida na camada de CSS responsável por estilizar o projeto.