Что делает опция чересстрочной развертки в Photoshop?

Это окно параметров отображается при сохранении изображения PNG из Adobe Photoshop. Я всегда выбираю «Нет».

Что делает опция «Чересстрочная развертка»?

Скриншот окна в Windows.  Заголовок гласит «Параметры PNG», подзаголовок: «Чересстрочная развертка».  Радиокнопки: «Нет» (что выбрано) и «Чересстрочная развертка».  Кнопки "ОК" (выбрано) и "Отмена"

Просто добавил бы (как веб-дизайнер), что PNG был предпочтительным форматом для Интернета - в наши дни вариант чересстрочной развертки в значительной степени отключен, если только вы не работаете для аудитории на модемах с коммутируемым доступом. Первоначально чересстрочная развертка была хорошим вариантом, поскольку она загружала часть изображения быстро, чтобы смягчить взаимодействие с пользователем, то есть долгое ожидание доставки страницы размером более 56 КБ. Это больше не проблема. А на мобильных устройствах вам следует избегать растровых изображений и использовать векторы, которые имеют минимальный размер файла / загружаются за доли секунды / более эффективно масштабируются. И скомпилируйте их как шрифт, если сможете - даже лучше.

Ответы (2)

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

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


  • .gifформат следует той же идее.
  • В .jpgформате
    • progressiveтакой же какinterlaced
    • baselineтакой же какnot interlaced

GIF Моделирование загрузки чересстрочного png и не чересстрочного png с помощью Firefox.

введите описание изображения здесь

Нажмите, чтобы посмотреть в полном размере »

Смысл симуляции в том, чтобы показать, как визуально выглядят эти два метода при загрузке изображения, а не сравнивать время их загрузки. Чересстрочная развертка почти всегда немного увеличивает размер файла и поэтому загружается немного медленнее. Есть также воспринимаемая скорость, которая несколько субъективна. В этой симуляции я использовал скорость GPRS (~ 7 КБ/с) и чересстрочную загрузку через 3 секунды. Некоторые люди могут сказать, что Interlaced выглядел быстрее. Кто-то может сказать, что это правда, но когда изображение только начинало загружаться, оно выглядело ужасно. Лично я предпочитаю не использовать чересстрочную развертку.

Есть ли недостаток чересстрочного подхода, например, больший размер файла?
@Jan-Philip Gehrcke Interlacing немного увеличивает размер файла. Что вы должны сделать, так это сначала перейти к личным предпочтениям или вариантам использования (это не сильно поможет при печати). Затем проверьте, не увеличивает ли чересстрочная развертка размер файла, и действуйте соответствующим образом. Jpeg Progressive намного эффективнее и не так сильно влияет на размер файла.
Чересстрочные GIF-файлы и прогрессивные JPEG-файлы были очень популярны на веб-сайтах в конце 1990-х годов, когда при скорости 28,8 Кбит/с (или 56 Кбит/с, если вам повезет) большое изображение (например, изображение 50KiBонлайн-комикса) по-прежнему загружалось более 15 секунд. так что предварительный просмотр, который загружался быстро, был действительно ценным. Сейчас 2019 год, и на веб-сайтах есть многомегабайтные видео в качестве целых фонов страниц, которые мгновенно загружаются при моем домашнем кабельном соединении со скоростью 1 Гбит/с. Мне кажется, чересстрочные изображения недолговечны для этого мира — поддерживают ли его современные форматы (например, WebP)?
@Dai Это называется «Всемирная паутина», а не «Западная сеть богатых», если вы забыли. Не у всех в мире есть интернет-соединение со скоростью 1 Гбит/с.
+1 для @AhmadAlfy. И даже не нужно ехать в страны, считающиеся «бедными». Вы можете просто попробовать загрузить веб-страницу на мобильном телефоне, находясь где-нибудь в сельской местности Германии, и вы будете благодарны дизайнерам, которые экспортируют свои изображения в чересстрочном/прогрессивном режиме.

«Чересстрочная» означает, что он рисует (я беру цифры из воздуха) каждую пятую строку (строка 5, 10, 15), затем каждую четвертую строку (строка 4, 9, 14), затем каждую третью строку и т. д. пока изображение не будет заполнено, а не рисовать линии 1, 2, 3, 4, 5 и т. д. по порядку. Это позволяет схематичному варианту изображения появляться постепенно и заполняться до тех пор, пока оно не будет завершено. Рисование линий по порядку означает, что вы получаете изображение сверху вниз.

Визуал Лоллеро — отличная демонстрация.

@Amphiteót Я полагаю, что был пользователь по имени Лоллеро, который сделал действительно красивую графику, иллюстрирующую концепцию, но с тех пор этот ответ был удален.