Как сделать вывод изображения как у google images?

Question

[Nicolass]

Подскажите как реализовать быстрое отображение картинок на странице с начала в плохом качестве а потом постепенным улучшением как у googel imаges и pinterest.

Спасибо за ответ!

Comments

[VZVZ]

Практику такого не имею. Но первое, что приходит в голову, это для каждого фото при его загрузке делать ухудшенную или уменьшенную версию (Thumbnail). И сохранять.
Она будет весить гораздо меньше, и сперва будет загружаться она, а уже по требованию полная версия.

[VZVZ]

VZVZ: при его загрузке имеется в виду не при отображении, а еще при появлении фото на сервере

Answer 1

[Андрей Федоров]

О боже, какие 2 картинки... ) Это прогрессивный jpeg - https://habrahabr.ru/post/165645/

Answer 2

[Dark Hole]

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