Постепенная загрузка изображения?

На некоторых сайтах встречал такой интересный эффект: большое изображение при загрузке сначала выдает малопиксельную версию, а затем, по мере загрузки, качество улучшается.

Как такое реализовать?

В голову пришла идея сделать два div. Один, который позади другого имеет background сжатой версии изображения. А тот, что сверху - background с нормальным качеством.
Тогда при загрузке страницы сразу прогрузится первая низкокачественная картинка, а уже поверх нее будет грузиться нормальная. Но это явно костыль.