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

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

Ответы на вопрос(3)

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

<img src="../graphics/bearico1.gif" lowsrc="URL">

Progressive JPEG & quot; и это все. Прогрессивные .jpegs при загрузке, показать в полном размере, но размыто до полной загрузки.

Почти каждый просмотрщик изображений может сохранить JPG как прогрессивный. Я рекомендую IrfanView из-за простоты, мощного пакета, бесплатного программного обеспечения ...

поскольку это тип файла, который был сохранен. Вот тот, который я нашел:http://njarb.com/2011/08/progressive-and-interlaced-images/  Но в Firefox он выглядит так, как будто он не загружает чересстрочную развертку, а вместо этого ожидает полной загрузки.

ВАШ ОТВЕТ НА ВОПРОС