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

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

 michaellindahl29 мая 2012 г., 01:23
Да, я только что нашел это:njarb.com/progressive-to-interlaced-results за исключением того, что Firefox не загружает его чересстрочно, даже если он делает это для Facebook. Safari делает, но мобильное сафари не делает. Почему это?
 michaellindahl28 мая 2012 г., 21:04
Как сохранить изображение как чересстрочное? В Pixelmator и Preview эта опция, по-видимому, отсутствует. (Я на Mac). Спасибо
 Musa29 мая 2012 г., 00:48
Я знаю о GIMP и Photoshop, вы можете искать в Интернете для других
 Musa27 мая 2012 г., 07:56
Вы не загружаете изображение через чересстрочную развертку, вы просто используете чересстрочное изображение. Я знаю, что вы можете чередовать png и gif, но я не уверен насчет jpeg.

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

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

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

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

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

Решение Вопроса

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

 25 окт. 2014 г., 19:04
пожалуйстаedit ваш ответ и обновлять его новой информацией, а не публиковать новый ответ каждый раз ...
 23 авг. 2016 г., 15:04
@TJ не согласен, он предложил 2 разных ответа и возможность сообщества проголосовать за каждого, что удобно. Если он предложит 2 решения в одном ответе, никто не узнает, за что проголосовали.

Ваш ответ на вопрос