Imagem de fundo perfeitamente ajustada

Truque aprendido em https://css-tricks.com/perfect-full-page-background-image/

O objetivo é usar uma imagem com plano de fundo de uma página web, cobrindo toda a janela.

Premissas:

• preencher toda a página com a imagem, sem espaços em branco;
• redimensionar a imagem se necessário;
• manter a proporção da imagem (aspect ratio);
• imagem centralizada na página;
• imagem não provoca o aparecimento de barras de rolagem;
• funciona em qualquer na esmagadora maioria dos navegadores.

Eis o código CSS:

html {
  background: url("background.jpg") no-repeat center center fixed;
  background-size: cover;
}

As simple as that!