Carregar uma imagem via Interlacing - De baixa a resolução total - HTML

Estou criando um site que usa uma imagem como plano de fundo. Eu odeio ter a imagem carregada de cima para baixo, uma vez que apenas faz a página parecer ruim enquanto está carregando. Vi alguns sites que carregam uma imagem com resolução muito baixa e, em seguida, ela se move gradualmente para a foto de resolução máxima. Eu gostaria que meu site fizesse o mesmo, mas não sei como implementar isso. Isso requer vários arquivos de imagem e mais largura de banda? Eu gostaria que ele usasse a mesma largura de banda / use a mesma quantidade de tempo que a maneira tradicional.

questionAnswers(3)

yourAnswerToTheQuestion