Прогрессивные изображения

Современный веб предлагает интересный подход по загрузке и отображению изображений - прогрессивные картинки. Разбираем, что это и за счет чего возможно реализовать.

Код из видео:

Библиотека прогрессивных картинок

Мои курсы по вебу с купонами:

📢 Поддержка канала:

[vaheavetisyan]

Как же я рад что существует твой какнал, спасибо за труды

[turbofilmes]

Хорошо, что есть человек, который делиться знаниями неизвестными новичкам технологиями

[mdnhdun]

Спасибо огромное за то, что ты делаешь, я сейчас реакт учу, за день два раза натыкался на твои видео и они дважды помогли. Отдельно хочу отметить прекрасную подачу и хорошо настроенный звук, что очень важно, ну и голос приятный, не напрягает уж точно. Количество подписчиков явно не соответствует качеству контента, думаю на 80к уж точно заслужил уже). Удачи !!!

[kindy]

А как сделать так, чтобы во время загрузки картинки высокого качества, видимая картинка плавно улучшалась, а не только под конец разом (как в примере с брызгами моря)?

[igoril]

Идея прикольная, я просто серый фон накладывал. Утащу хук в работу

[sampeckjowerfell]

странное решение, если учесть, что помимо основного изображения нужно грузить еще и мелкую копию

[nerofighter]

Здравствуйте Михаил. Спасибо за видео! Недавно хотел устроиться на работу фронтом. Дали задание сделать на react карточку товара(фото товара, описание, прайс, размер). При наведении на правую сторону фото, должно происходить эффект поворота и появляться другая фотка товара. Не смог сделать.

[hphlsrm]

лайк конечно, но если бы тяжелая картинка тянулась с сервера скрыто и асинхронно после загрузки всего всего, цены бы видосу не было

[vladork]

То есть для публикации картинки на сайте теперь нужно просить людей делать двойное фото?) Не затратно ли?)
Весьма странное решение..
а если картинок 1000 на сайте, это для каждой копию делать в сжатом виде и плохом качестве?

[alenache]

Михаил на Бионмаксе еще что-то выкладываете?

[biLLie_wiLLie]

в next и gatsby такой эффект из коробки. Никогда не видел у вас уроки по нексту. Вы вообще его не используете на работе?

[tsyklop]

Это супер. Было бы круто реализация без хуков.