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

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

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы