Как изображения загружаются в инкрементном разрешении?

Question

Обычно, когда вы сохраняете тег <img/>, он отображается сверху вниз, пока он загружается из Интернета, и выглядит очень некрасиво, но если вы чей-то альбом в Facebook и нажмете на какое-то фото, вы увидите, что загружается целое фото, т.е. вся фотография выглядит размытой / туманной, а затем, когда она загружается из Интернета, картинка становится все яснее и яснее.

Это выглядит так естественно и в отличие от поведения по умолчанию. Как это может быть сделано? Я знаю, что это Facebook, и они могут делать все, что пожелают;) но мне нужен краткий обзор того, что они могли бы сделать, чтобы достичь этого.

Answer 1

Это изображение в специальной форме - сохранено как прогрессивное.

О прогрессивном формате JPEG:

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

Больше информации здесь.

Answer 2

Чересстрочная JPG делает это.Насколько я знаю, это не код, а способ редактирования / сохранения изображения в редакторе изображений.