Si baso mi CSS en el estilo móvil, entonces uso@media consultas para pantallas gradualmente más grandes (tabletas, computadoras de escritorio, etc.), ¿los dispositivos móviles utilizarán los estilos de escritorio?

Creo que, por lo general, los dispositivos móviles cargarán todas las imágenes, incluso si no se aplican a su propio tamaño de medios en particular. Lo que significa que cargará todas las imágenes y ocultará las que no coincidan con su hoja de estilos basada en consultas.

Lo que estoy tratando de hacer es usar un fondo para la versión más grande del sitio:

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

y otro para la versión móvil:

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

Si aplico el CSS móvil antes de cualquier consulta de medios, y agrego el CSS de medios grandes a continuación usando una consulta como@media screen and (min-device-width: 481px) {...}, ¿los dispositivos móviles cargarán la imagen grande también?