Почему на iphone не открывается фоновое изображение?

Question

[Ilia Malashko]

Здравствуйте.

Запилили лендинг https://pizhamy.wisell.ru/ на фоне установленно изображение в формате .jpg через css backgraund-image, для мобил картинку сжал до 11 кб.

На Андройде все прогружается как надо: ,
на айфоне не прогружается фон:

У меня нет вариантов в чем может быть проблема.
Помогите.

Comments

[Ilia Malashko]

Пашенька, хороший вопрос, я уточню.

Answer 1

[Кирилл Никитин]

Подозреваю, проблема в свойстве background-attachment: fixed;, которое iOS не поддерживает. Видимо, вам надо убирать его через JS при просмотре на iPhone или вообще отказаться.

Comments

[Ilia Malashko]

Спасибо, помогло.

Answer 2

[Игорь Захаров]

У меня и десктоп adblocker'ом ее блокирнул. Расширение jpg, а на загрузку пошла webp... что за каша?

Comments

[Ilia Malashko]

Почему каша? Если браузер поддерживает .webp, то отдает его, так как он легче. Если не поддерживает то отдает jpg.
Айфон еще не дорос до того, что бы читать webp, по этому там отдает jpg

[Кирилл Никитин]

Ilia Malashko, и, скорее всего, не дорастёт. Webp гугловский, а у них холодная война, все дела. Вы молодец, что озаботились фоллбеком и отдаёте jpeg для айфонов.

[Ilia Malashko]

Кирилл Никитин, вроде со следующей версии сафари будет поддерживать webp.

[Игорь Захаров]

Ilia Malashko, webp конечно в плане размера штука хорошая, но качество режет просто безбожно. В 2-х последних проектах отказались от этого, так как на бэкграунде крупное (1920x1080+) картинка, и в webp она выглядела на десктопах просто отвратительно...