Что такое прогрессивный JPEG

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

Локально в браузередо 100 МБбез регистрации

Коротко о цифрах

Отличие: порядок данных внутри файла, а не способ сжатия
Расширение и тип: те же .jpg и image/jpeg
Где выигрыш: крупные снимки на медленном канале
Цена: декодеру нужен весь файл и больше памяти
У нас: порядок не выбирается: кодирует браузер, переключателя нет

Чем один порядок отличается от другого

Базовый: квадраты идут слева направо и сверху вниз, картинка появляется частями и сразу в полном качестве.
Прогрессивный: сначала записываются грубые коэффициенты всего кадра, затем более точные — картинка проявляется целиком, от размытой к чёткой.
Данные те же: одно преобразование, одна таблица квантования, просто разложены в другом порядке.
На больших фотографиях прогрессивный вариант обычно чуть легче базового, на мелких иконках — наоборот, чуть тяжелее.

Когда разница заметна

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

Есть и обратная сторона. Чтобы показать финальную картинку, декодеру нужен весь файл и больше памяти, чем при построчном чтении. Для одиночного снимка это мелочь, для галереи из сотни изображений на слабом телефоне — уже нет.

Что здесь можем и чего не можем мы

Не можем выбрать порядок. Инструменты работают в браузере, кодирование выполняет сам браузер, а его интерфейс кодирования такого переключателя не имеет: вы задаёте формат и качество, всё остальное решает встроенный кодировщик. Галочку «прогрессивный» мы обещать не станем.

Можем гарантировать другое — что формат на выходе действительно тот, который вы запросили. Браузер при неизвестном ему типе молча отдаёт PNG вместо ошибки, и такой файл вместо сжатия обычно вырастает. Мы сравниваем тип полученных данных с запрошенным и при расхождении останавливаемся с явным сообщением.

Частые вопросы

Как понять, прогрессивный у меня файл или базовый?

По имени и типу — никак, они совпадают. Порядок проходов показывают утилиты для работы с JPEG и некоторые редакторы в свойствах изображения.

Прогрессивный JPEG лучше по качеству?

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

Можно ли получить прогрессивный файл на вашем сайте?

Выбрать это нельзя: кодированием занимается браузер, а его интерфейс не позволяет задавать порядок проходов. Формат и качество вы задаёте, внутреннюю раскладку — нет.

Почему после конвертации файл может оказаться PNG вместо запрошенного формата?

У нас такого не будет: мы сверяем тип полученных данных с запрошенным. Браузер при неподдерживаемом формате подменяет его молча, а вместо подмены вы увидите сообщение об ошибке.