Как вы можете изменить способ загрузки картинок на веб-страницах? (например, более низкое разрешение)

Question

как я могу изменить способ загрузки изображения на веб-странице? Я полагаю, используя JavaScript для этого. Я ищу способ загрузить изображение в более низком разрешении, а затем получить «четче» Как подходить к загрузке вниз, если это имеет смысл. Facebook делает это с помощью всплывающего окна с изображением театра.

Answer 1

Это на самом деле из-за способа кодирования изображения, а именно изображения с чересстрочной разверткой будут иметь этот эффект.

http://en.wikipedia.org/wiki/Interlacing_(bitmaps)

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

Answer 2

Для этого вам не нужен JavaScript. На самом деле это часть того, как вы сохранили свое изображение. Вы должны сделать свой имидж с прогрессивной опцией. Это добавляет немного веса на изображение, но оно покажет части изображения во время загрузки.

Чтобы сделать это в Photoshop:

1. Открыть файл изображений

2. Выберите файл

3. Выберите вариант Сохранить для Web ...

4. В открывшемся диалоге выберите jpg

5. В правом верхнем углу есть несколько вариантов. Выберите опцию «Прогрессивный»

Готово!

Теперь замените ваше изображение, и все браузеры покажут это изображение при загрузке.

Answer 3

Для меня это очень похоже на прогрессивную загрузку изображений в формате jpg. Это то, что вы должны отрегулировать при создании изображения. Я только знаком с GIMP, там вы должны установить флажок при экспорте в JPG. Проверьте этот скриншот .

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

Надеюсь, это поможет вам!