Задать вопрос

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

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

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

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