Оптимизация изображений, часть 4: последовательные JPEG — быть или не быть?

Опубликовано: 23.10.2017

видео Оптимизация изображений, часть 4: последовательные JPEG — быть или не быть?

Сделать стоп-кадр в Adobe Premiere Pro cs6

Примечание: ниже перевод заметки "Image Optimization, Part 4: Progressive JPEGHot or Not?" из блога YUI . В ней уже известный по прошлым статьям Stoyan Stefanov рассматривает использование последовательных (progressive) JPEG с точки зрения клиентской оптимизации. Мои комментарии далее курсивом.


Adobe after effects: Загрузка последовательности картинок (PNG, JPEG)

В своей предыдущей статье «Оптимизация изображений, часть 3: 4 шага для уменьшения размера файлов» последовательные JPEG-файлы были вскользь упомянуты как одна из возможностей для оптимизации JPEG. Эта статья рассматривает данный вопрос более глубоко, включая результаты проведенного эксперимента над 10000 изображений.


The future of gaming at Google

Базовые (baseline) и последовательные JPEG

Базовые JPEG являются «обычными»: файлы этого типа поддерживаются всеми программами для редактирования изображений. Браузеры загружают их последовательно, сверху вниз, по мере поступления информации из сети.

Загрузка базового JPEG-файла в браузере. По нажатию откроется полная версия.

Последовательные JPEG являются другой разновидностью данного формата: они загружаются (как можно понять из названия) последовательно. Сначала вы увидите картинку низкого качества. Затем, по мере поступления графической информации, качество изображения будет постепенно улучшаться.

Загрузка последовательных JPEG. По нажатию откроется полная версия.

С точки зрения удобства использования последовательные JPEG — это хорошо, потому что пользователь получает отклик, что что-то происходит. Также если у вас медленное соединение с Интернет, то последовательные JPEG будут предпочтительнее, ибо не нужно ждать, пока загрузится вся картинка, чтобы понять, нужна ли она вам. Если картинка не нужна, можно уйти со страницы, и не дожидаясь всего (обычно большого) изображения высокого качества.

rss