Загрузить изображение с помощью чересстрочной развертки - от низкого до полного разрешения - HTML
Я создаю сайт, который использует изображение в качестве фона. Я ненавижу, когда изображение загружается сверху вниз, так как при загрузке страница выглядит плохо. Я видел некоторые сайты, которые загружают изображение с очень низким разрешением, а затем оно постепенно переходит на фотографию с полным разрешением. Я бы хотел, чтобы мой сайт делал то же самое, но я не знаю, как это реализовать. Требуется ли для этого несколько файлов изображений и большая пропускная способность? Я хотел бы, чтобы он использовал ту же полосу пропускания / занимал такое же количество времени, что и традиционный способ.
3 ответа
Другой вариант - использовать онлайн-конвертер изображений, так как это тип файла, который был сохранен. Вот то, что я нашел: http://njarb.com/2011/08/progressive-and-interlaced-images/ Но в Firefox похоже, что он не загружает его чересстрочным, а вместо этого он ждет, пока он полностью загрузится.
Для.JPG сохраните файл как "Progressive JPEG" и все. Прогрессивные.jpegs при загрузке, показать в полном размере, но размыто до полной загрузки.
Почти каждый просмотрщик изображений может сохранить JPG как прогрессивный. Я рекомендую I rfanView из-за простоты, мощного пакета, бесплатного программного обеспечения...
Один вариант, который я нашел, добавить источник с низким разрешением. Я не знаю, поддерживается ли это всеми текущими браузерами или устарело...
<img src="../graphics/bearico1.gif" lowsrc="URL">