Olá,
Fiquei com dúvida, quanto ao uso de uma imagem no html(logo-branco.png) e a background url (bd.jpg) no css. Por que elas tem que ser dessa maneira, sendo a mesma com extensões diferentes?

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá,
Fiquei com dúvida, quanto ao uso de uma imagem no html(logo-branco.png) e a background url (bd.jpg) no css. Por que elas tem que ser dessa maneira, sendo a mesma com extensões diferentes?

olá entao e feito dessa forma porque o bg que vem via CSS "é apenas estilização" (questão de semantica) o que vem via HTML é algo que vai ser lido por leitores de tela no caso de pessoas com algum tipo de deficiencia ou seja a imagem do HMTL tem importancia ela será usada quando a imagem tem um propósito como link,botao,menu e etc.
espero ter ajudado.