Lo de la primera imagen lo desconozco, pero lo de la segunda imagen me suena.
También se usa en yahoo esa técnica, se crea una imagen compuesta por todas las imágenes y luego se van colocando en el sitio web dándole coordenadas a la imagen "grande" para extraer las "pequeñas". No recuerdo que nombre tenía eso.
Es para no tener que cargar tantas imágenes, ya que si tienes 20 imágenes, tienes que hacer 20 peticiones, de esa forma sólo harías 1 petición.
Estuve buscando, y son los
css sprites:
http://www.websiteoptimization.com/s...k/css-sprites/