Qual seria mais leve/ rápido na opinião de vocês?

Usar a imagem a chamando no arquivo.

Exemplo:

<img src="IMAGE.FORMATO">
background-image: url('IMAGE.FORMATO')

Ou converte-la em base64 e depois usar seu código:

Exemplo:

<img src="base64,CODE">
background-image: url('base64,CODE')

Porque peguei um trabalho para fazer e o cliente quer várias imagens em full screen, mostrei para ele uma aplicação como conhecido "parallax" ele gostou muito e vai querer dessa forma.

Porém ao utilizar grandes imagens o site pode ficar muito pesado para carregar, principalmente para quem tem baixa conexão.

O que você acha, qual seria mais leve para carregar?