Esta técnica deve ser usada caso você tenha uma imagem com tamanho grande para ser colocada em uma página Web.
Primeiro, a imagem e carregada em baixa resolução (preto e branco). Logo em seguida a imagem vai sendo preenchida com cores.
Este efeito so pode ser notado para imagens grande, pois imagens pequenas, tornam a transição muito rápida para ser notada.

Inicie com uma imagem colorida.
OBS: A foto escolhida possui extensão JPG.

frutas.jpg

Duplique a imagem (Image / Duplicate).
Converta a copia criada para Grayscale (Image/Mode/grayscale - Discard color information? OK).

Converta a cópia para Bitmap (Image/Mode/Bitmap) com Resolution - Output: 72 pixels/inch e "Diffusion Dither"

Temos como resultado:

Salve a imagem gerada em formato GIF (File/Save as Copy) - escolha em Save As: CompuServe GIF (*.GIF).

Agora, basta acrescentar a seguinte Tag em seu código HTML:
<img lowsrc="b&w.gif" src="frutas.jpg" border=0>

Após carregar a página, você notará que a imagem em preto e branco será carregada primeiro, e depois a imagem colorida por cima.

boa sorte...