Jeśli opieram swój CSS na stylizacji mobilnej, użyj@media zapytania o coraz większe wyświetlacze (tablety, komputery stacjonarne itp.), czy urządzenia mobilne będą używać stylów pulpitu?

Wierzę, że zazwyczaj urządzenia mobilne ładują wszystkie obrazy, nawet jeśli nie dotyczą one konkretnego rozmiaru nośnika. Oznacza to, że załaduje wszystkie obrazy i ukryje te, które nie pasują do arkusza stylów opartych na zapytaniach.

Próbuję użyć jednego tła dla większej wersji witryny:

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

i kolejna wersja mobilna:

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

Jeśli zastosuję mobilny CSS przed jakimikolwiek zapytaniami o media, i dodam CSS dużych mediów poniżej używając zapytania takiego jak@media screen and (min-device-width: 481px) {...}, czy urządzenia mobilne będą także ładować duży obraz?