Когда чередовать изображение?
Как общее эмпирическое правило, когда уместно делать gif чересстрочный, png чересстрочный и jpeg прогрессивный?
Особенно при публикации изображения в Интернете.
Ответы на вопрос(6)
JPEG:ДА - использовать прогрессивное сканирование, Это делает файлы меньше (каждый проход получает свой собственный стол Хаффмана), а частичный рендеринг выглядит неплохо.
GIF:НЕТ - Это'маловероятно, что файл станет меньше, частичное рендеринг плохое, иБессмысленно для animGIF. Это'лучшийвообще не использовать GIF (да даже для анимов).
PNG:НЕТ - это вредит сжатию (поскольку данные от каждого прохода статистически весьма различны). Если изображение большое, используйте высококачественный JPEG илис потерями PNG если возможно, так как они могут загружаться быстрее, чем пиксельный предварительный просмотр большого PNG без потерь.
ImageOptim будет автоматически изменять прогрессивный / чересстрочный формат, когда он делает файлы меньше.
Отказ от ответственности за придирки:
В случае небольших и средних изображений прогрессивный предварительный просмотр каждого изображения не будет виден достаточно долго, чтобы пользователь мог оценить его. Некоторые браузеры недаже не рендерит что-либо, пока не будет загружен весь файл, так чтоЛучше сосредоточиться на экономии пропускной способности, чтобы загрузить всю страницу как можно скорее.Непрогрессивный JPEG немного эффективнее, когда файлы крошечные (маленькие эскизы), но при этом экономия тоже крошечная.В iOS Safari максимально допустимый размер изображения для базового JPEG выше, чем в прогрессивном формате, но правильное решение заключается в том, чтобы обслуживать изображения в разумных для мобильных устройств размерах.На вебмастере есть интересный пост
В конечном счете, это зависит от того, как они будут использоваться.
Пост предполагает, что есть ограниченная - подлинная - поддержка прогрессивных изображений. И иногда они могут вызвать проблемы с плагинами, которые неt поддерживает прогрессивный формат.
Надеюсь, это поможет.
Эти пункты должны быть полезны.
Чересстрочная развертка (в более широком смысле - прогрессивное отображение) - это метод отображения изображений на мониторе. Когда его использовать? Ваше решение должно основываться на следующих факторах: •>
Изображения без чересстрочной развертки меньше, чем изображения с чересстрочной разверткой. •>
Чересстрочные изображения вызывают меньше мерцания, чем не чересстрочные. •>
Чересстрочные изображения гораздо легче просматривать.
Чересстрочная развертка позволяет вам увидеть изображение до того, как все данные были переданы (заставляет их выглядеть быстрее и лучше) и дает вам "чувство» что он загружается быстрее.
СОВЕТ: Чересстрочная развертка не рекомендуется для небольших изображений, но обязательна, если зритель использует медленное соединение
Это просто копия из Y ответов, которые, как я думал, могут помочь понять. Оригинальный ответ можно найти по адресу:https://answers.yahoo.com/question/index?qid=20090211121956AAz7Xz8
Просто, чтобы бросить мой аргумент в спор:Переплетение была введена много лет назад, когда скорость интернета была низкой, идея заключалась в том, что изображение будет отображаться постепенно, более определенным образом, все еще придавая изображению общий вид и восприятие, не дожидаясь загрузки всего объекта.
В настоящее время чересстрочная развертка в основном не нужна и должна использоваться в зависимости от общего размера передаваемого изображения.
Прогрессивное сканирование наJPEG изображения изображения действительно обеспечивают более четкое изображение, пытаясь уменьшить общий размер файла (то есть является реальным режимом сжатия, а не методом потоковой передачи для битов, составляющих изображение).
PNGs используютболее сложный алгоритм чемGIF.
Чересстрочные изображения немного менее эффективны, но отображаются после более короткой задержки на стороне клиента при передаче по сети. ИМХО, их следует использовать, когда ожидаемое время загрузки изображения достаточно велико для восприятия пользователем (скажем, более 1 секунды). Разница в размере файла действительно очень мала, поэтомуЛучше быть слишком осторожным и использовать переплетение слишком много, а не слишком мало.
В обычном широкополосном интернете с 2012 года япросто используйте его для каждого изображения> 100kb.
мойобщее правило: don 'никогда не использовать переплетение. Чересстрочные форматы обычно занимают больше места, имеют (немного) большую сложность и меньшую поддержку в декодерах, и предполагаемые преимущества для пользовательского опыта по меньшей мере спорны. Некоторые аргументы в пользуPNG, И вгенеральный.
Некоторым нравится чересстрочный илипрогрессивный» изображения, которые загружаются постепенно. Теория, лежащая в основе этих форматов, заключается в том, что пользователь может, по крайней мере, смотреть на нечеткий полноразмерный прокси для изображения, пока все биты загружаются. На практике пользователь вынужден смотреть на нечеткий полноразмерный прокси для изображения, пока все биты загружаются. Готово? Ну, это выглядит нечетко. Ой, подождите, верхняя часть изображения, кажется, становится немного более детальной. Может быть, это сделано сейчас. Это все еще нечетко, хотя. Может быть, фотограф неЯ использую штатив. Ой, подождите, похоже, сейчас все проясняется ...