Когда чередовать изображение?

Как правило, когда нужно сделать gif чересстрочной, png чересстрочной и jpeg прогрессивной?

Особенно при публикации изображения в Интернете.

Ответ 1

JPEG: ДА - использовать прогрессивную развертку. Он делает файлы меньше (каждый проход получает свою собственную таблицу Хаффмана), а частичный рендеринг выглядит неплохо.
GIF: НЕТ - маловероятно, чтобы файл был меньше, частичный рендеринг был беден, и это бессмысленно для animGIF. Лучше не использовать GIF вообще (да, даже для анимаций).
PNG: НЕТ - он повреждает сжатие (поскольку данные из каждого прохода статистически сильно отличаются). Если изображение велико, используйте высококачественный JPEG или lossy PNG, если это возможно, поскольку они могут загружаться быстрее, чем пиксельный просмотр большого без потерь PNG.

ImageOptim будет автоматически изменять прогрессивные/чересстрочные форматы, когда файлы уменьшаются.

Отказ от ответственности для nitpickers:

В случае малых и средних изображений прогрессивный просмотр каждого изображения не будет отображаться достаточно долго, чтобы пользователь мог его оценить. Некоторые браузеры даже не хотят ничего выводить, пока не будет загружен весь файл, поэтому лучше сосредоточиться на экономии полосы пропускания, чтобы загрузить всю страницу как можно скорее.
Непрогрессивный JPEG немного эффективнее, когда файлы крошечные (маленькие миниатюры), но тогда сбережения тоже крошечные.
Safari iOS имеет более высокий максимально допустимый размер изображения для базового JPEG, чем прогрессивный, но правильное решение состоит в том, чтобы в первую очередь выполнять изображения с размерами, приемлемыми для мобильных устройств.

Ответ 2

Мое общее правило: никогда не используйте переплетение. Форматы с чересстрочной разверткой обычно занимают больше места, имеют (немного) более сложную и меньшую поддержку в декодерах, и предполагаемые преимущества для пользовательского опыта по меньшей мере спорны. Некоторые аргументы для PNG и .

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

Ответ 3

Чересстрочные изображения немного менее эффективны, но появляются после более короткой задержки на стороне клиента при транспортировке по сети. IMHO они должны использоваться, когда ожидаемое время загрузки изображения достаточно долго, чтобы восприниматься пользователем (скажем, выше 1 секунды). Разница в размере файла на самом деле довольно мала, поэтому лучше быть слишком осторожным и использовать чересстрочную чересстрочку, а не слишком мало.

В общем широкополосном интернете с 2012 года я просто использовал его для каждого изображения > 100 кб.

Ответ 4

Эти точки должны быть полезными.

Чередование (в общем, прогрессивное отображение) - это метод отображения изображений на мониторе. Когда его использовать? Ваше решение должно основываться на следующих факторах:

• > Не чересстрочные изображения меньше, чем чересстрочные изображения.
• > Чересстрочные изображения вызывают меньше мерцания, чем не чересстрочные.
• > Чересстрочные изображения гораздо легче просматривать.

Чересстрочное изображение позволяет видеть изображение до того, как все данные были переданы (что делает их более быстрыми и красивыми) и дает вам ощущение, что оно загружается быстрее.

СОВЕТ. Чередование не рекомендуется для небольших изображений, но является обязательным, если зритель использует медленное соединение

Это всего лишь копия ответов Y, которые, как я думал, могут помочь понять. Оригинальный ответ можно найти по адресу: https://answers.yahoo.com/question/index?qid=20090211121956AAz7Xz8

Ответ 5

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

Чередование в настоящее время в основном не нужно и должно использоваться на основе общего размера передаваемого изображения.

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

PNG используют более сложный алгоритм, чем GIF.

Ответ 6

Есть интересная статья, связанная с веб-мастерами

https://webmasters.stackexchange.com/info/574/progressive-jpeg-why-do-many-web-sites-avoid-rendering-jpegs-that-way-pros

В конечном счете это зависит от того, как они будут использоваться.

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

Надеюсь, что это поможет.