Se eu basear meu CSS no estilo móvel, use@media consultas para exibições gradualmente maiores (tablets, desktops etc.), os dispositivos móveis usarão os estilos de área de trabalho?

Acredito que, normalmente, os dispositivos móveis carregarão todas as imagens, mesmo que não se apliquem ao seu próprio tamanho de mídia específico. Isso significa que ele carregará todas as imagens e ocultará as que não corresponderem à folha de estilo baseada em consulta.

O que estou tentando fazer é usar um plano de fundo para a versão maior do site:

.splash {
    background: #1a1a1a url('/assets/imageLarge.png') no-repeat;
}

e outro para a versão móvel:

.splash {
    background: #1a1a1a url('/assets/imageSmall.png') no-repeat;
}

Se eu aplicar o CSS móvel antes de qualquer consulta de mídia e adicionar o CSS de mídia grande abaixo usando uma consulta como@media screen and (min-device-width: 481px) {...}, os dispositivos móveis também carregarão a imagem grande?