Imagen antes de que carge la web

[cristian_cena]

suena raro lo que queres hacer (tal vez no se entiende el problema) ya que normalmente se cargará primero lo más liviano y tardarán un poco más las imagenes.
Este trabajo no podrás hacerlo con css sino que deberas usar javascript.
Abajo te dejo unos ejemplos usando jquery una librería de javascript, espero te sirvan.

Este código indica que una vez se ha cargado el documento con imagenes y todo pase a hacer desaparecer la imagen.

Código Javascript:

$(document).ready(function(){
      $("#imagen").fadeOut("slow"); 
});
 

A lo mejor te sea útil poner una pausa antes de hacer el efecto:

Código Javascript:

$.fn.pause = function(duration) { 
  $(this).animate({ dummy: 1 }, duration); 
  return this; 
}; 
 
$(document).ready(function(){             
    $("#imagen").pause(1000).fadeOut(240); // donde 1000 es igual a 1 segundo.
});
 

ver el ejemplo (presiona el boton "run" para volver a verlo)

Saludos.