Отображение jpeg в браузере по мере загрузки

Glook · 08.02.2008, 02:19

Подскажите, пожалуйста, как нужно редактировать и с какими параметрами сохранять jpeg, чтобы в браузере они открывались не после полной загрузки, а сразу же, но в худшем качестве, а по мере полной загрузки качество улучшалось бы. Можно ли это делать средствами Photoshop? ACDSee? Нужны ли какие нибудь плагины?

GLUK · 08.02.2008, 19:35

Это не в формате дело, фишка в том, что вы создаёте 2 графических файла, 1 в хорошем качестве, а другой в плохом.

Свойство тега IMG: lowsrc
Путь к графическому файлу низкого разрешения для предварительного отображения.

Например: <img src="Пусть к качественному" lowsrc="Путь к менее качественному">

ЗЫ. никогда не использовал ибо не считаю нужным.

ivan341 · 08.02.2008, 22:27

GLUK, Я точно не помню - но вопрос он правельно задал, можно картинку сохранить по разному.
1) загрузка сверху вниз
2) Из плохого качества в нормально
3) Появляется когда полностью загрузится.

GLUK · 08.02.2008, 22:57

ivan341, сколько в шопе работал, там такого не видел. Н ерасскажете, как это?

В любом случае, мой пример работает отлично!

ivan341 · 09.02.2008, 00:47

Save as -> jpg и там будут опции

deMone · 09.02.2008, 09:00

File » Save for Web — и там будет куча параметров

Glook · 13.02.2008, 01:41

Ну вообщем, порылся я в доках, инфу нашёл. Можете сами погуглить с запросом progressive-jpeg browser support . Основное, что я вынес из изучения этого вопроса, что сами-знаете-какой-браузер не поддерживает полностью progressive-jpeg. Тоесть он его хотя и отображает корректно, но при загрузке никак не заметно, что это progressive-jpeg. Протестировать можете сами: сначала сохранив файл в фотошопе активировав чекбокс "progressive"

Для ленивых я залил фото размером более 1 мега на свой сайт
это обычный jpeg
http://www.webcocktail.ru/sunset.jpg

это progressive-jpeg
http://www.webcocktail.ru/pro.jpg

Лучше всего разница видна в Opera. Хотя и Safari и MF тоже поддерживают этот формат. IE как я уже сказал не поддерживает.

Добавлено через 8 минут

Цитата:

Сообщение от GLUK

сколько в шопе работал, там такого не видел.

Вах! Сколько ж надо работать чтобы не заметить этой опции )))

GLUK · 13.02.2008, 18:07

Вообще не вижу смысла в этой функции... 3 аргумента против:

Для того, подготовить графику бля web-публикации совсем не обязательно использовать какие-то пакеты уровня "фотошоп".

Зачем публиковать фотографии высокого качества и/или разрешения в WEB? Всегда нужно использовать превью и ссылки на качественное заархивированное изображение, ежели нужно реализовать функцию "Скачать эту фотографию"!

Современные каналы связи позволяют передавать большие пакеты инфы за короткое время, тогда зачем вообще экономить трафик? Если Вы всё же пренебрегли предыдущим правилом, то необходимо учитывать, что есть люди, у которох каналы связи уже...

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Редактировать сайт в браузере	tigerosik	SEO-инструментарий	14	18.09.2014 08:45
Выполнение java скрипта в браузере	ZondArt	HTML, CSS, JavaScript	0	21.11.2012 21:11
проблема с импортом JPEG	DeCa	Технологии Flash	6	05.10.2009 16:06
наложение gif на jpeg	shok	HTML, CSS, JavaScript	2	03.07.2006 03:24
Jpeg Оптимизаторы?	-=Faraon=-	Растровая графика	7	09.01.2006 14:21

08.02.2008, 02:19	#1
Glook	Подскажите, пожалуйста, как нужно редактировать и с какими параметрами сохранять jpeg, чтобы в браузере они открывались не после полной загрузки, а сразу же, но в худшем качестве, а по мере полной загрузки качество улучшалось бы. Можно ли это делать средствами Photoshop? ACDSee? Нужны ли какие нибудь плагины?

08.02.2008, 19:35	#2
GLUK	Это не в формате дело, фишка в том, что вы создаёте 2 графических файла, 1 в хорошем качестве, а другой в плохом. Свойство тега IMG: lowsrc Путь к графическому файлу низкого разрешения для предварительного отображения. Например: <img src="Пусть к качественному" lowsrc="Путь к менее качественному"> ЗЫ. никогда не использовал ибо не считаю нужным.

08.02.2008, 22:27	#3
ivan341	GLUK, Я точно не помню - но вопрос он правельно задал, можно картинку сохранить по разному. 1) загрузка сверху вниз 2) Из плохого качества в нормально 3) Появляется когда полностью загрузится.

08.02.2008, 22:57	#4
GLUK	ivan341, сколько в шопе работал, там такого не видел. Н ерасскажете, как это? В любом случае, мой пример работает отлично!

09.02.2008, 00:47	#5
ivan341	Save as -> jpg и там будут опции

09.02.2008, 09:00	#6
deMone	File » Save for Web — и там будет куча параметров

13.02.2008, 18:07	#8
GLUK	Вообще не вижу смысла в этой функции... 3 аргумента против: Для того, подготовить графику бля web-публикации совсем не обязательно использовать какие-то пакеты уровня "фотошоп". Зачем публиковать фотографии высокого качества и/или разрешения в WEB? Всегда нужно использовать превью и ссылки на качественное заархивированное изображение, ежели нужно реализовать функцию "Скачать эту фотографию"! Современные каналы связи позволяют передавать большие пакеты инфы за короткое время, тогда зачем вообще экономить трафик? Если Вы всё же пренебрегли предыдущим правилом, то необходимо учитывать, что есть люди, у которох каналы связи уже...