Если я основываю свой CSS на мобильном стиле, то использую@media запросы на постепенно увеличивающиеся дисплеи (планшеты, настольные ПК и т. д.), будут ли мобильные устройства использовать стили рабочего стола?

Я считаю, что, как правило, мобильные устройства будут загружать все изображения, даже если они нет применяется к своему конкретному размеру носителя. Это означает, что он загрузит все изображения и скроет те, которые не соответствуют его таблице стилей на основе запроса.

Я пытаюсь использовать один фон для увеличенной версии сайта:

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

и еще для мобильной версии:

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

Если я применю мобильный CSS перед любыми медиа-запросами и добавлю большой медиа-CSS ниже, используя запрос вроде@media screen and (min-device-width: 481px) {...}, будут ли мобильные устройства загружать большое изображение тоже?