Почему Chrome загружает картинку, отображая ее сначала как черно-белую?

Question

[Евгений Журов]

Здравствуйте, сегодня впервые столкнулся со странностью в Хроме. Делал небольшие правки на сайте, в частности предыдущий разраб залил фотки в огромном разрешении и неоптимизированные под веб. Я для сжатия обычно пользуюсь ShortPixel. Как обычно, сжал фотки, залил на сайт, и Хром при загрузке страницы сначала на какую-то долю секунды картинку выводит сильно пикселизированной, и, самое интересное - черно-белой, или, может, правильней, сказать, бесцветной. В других браузерах - firefox, opera, ie - такого поведения не наблюдается. Кто-нибудь сталкивался? Может, это какая-то новая фишка хрома - типа какая-нибудь встроенная оптимизировання загрузка изображений?:)
Однако, это происходит именно с оптимизированными картинками. Может, при их сжатии что-то ужасное случилось?:)

Comments

[Dima Polos]

Насчет черно белого не знаю, но пикселизированные картинки стали в процессе сжатия, когда jpg сжимаете с настройкой progressive.

[Евгений Журов]

Dima Polos, нет, они не стали пикселизированными совсем. Просто на какую-то долю секунды при загрузке страницы они выглядят пикселизированными и черно-белыми. Потом все становится норм)

[Dima Polos]

Евгений Журов, ну так да, я про это и говорю, это не хром делает, а делает способ сжатия jpg - progressive.

[Евгений Журов]

Dima Polos, ну да, теперь, кажется, понял) Большое спасибо) Т.е. при сжатии нужно исключить прогрессив, и такого эффекта не будет?

[Dima Polos]

Евгений Журов, да, но с ним то прикольнее) вместо построчной загрузки видишь сразу общий эскиз, а там позже и четко картинку. Ну тут на чей вкус) А черно белый эффект, скорее всего, что сама картинка в таких серых тонах, хотя это лишь предположение.

[Виктор Янышев]

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

[Dima Polos]

Виктор Янышев, так я про это и пишу выше)

[Виктор Янышев]

Dima Polos, от вопроса и контекста коммента прочитал как, "это просто прикольно" ;)

[Dima Polos]

Виктор Янышев, Евгений написал, что надо отключить прогрессив, а я пишу типа "Ну как же без него, с ним же прикольнее") Как бы подчеркивая, что как раз наоборот, надо включать. А "на чей вкус", это я про вид картинки в момент загрузки, может кому-то и не очень, что картинка размыта, зато оптимально и быстрее работает сайт.

[Евгений Журов]

Да, я сам согласен, что это прикольно - именно в смысле оптимизации. Просто заказчику не понравилось)) Поэтому пришлось пожертвовать качеством загрузки ради качества картинки)

[Dima Polos]

Евгений Журов, заказчик не думает, что кто-то из его пользователей в селе через gprs захочет зайти на сайт и не сможет) или в роуминге...

[Евгений Журов]

Dima Polos, определенно не думает))

[Dima Polos]

Евгений Журов, если будет время и желание, на досуге, очень интересный доклад, как раз в тему этого диалога, нескучно рассказывает, и познавательно: https://youtu.be/OlVFFmuDjSE

[Евгений Журов]

Dima Polos, круто, спасибо!

Answer 1

[Виктор Янышев]

Прогрессивный jpg