Отображение background-image в мобильной версии Safari?

Question

[Super_pechenka]

Проблема такова:
В мобильной версии safari не отображаются изображения, добавленные через css свойство background-image.
По стандарту к блоку применяю такие свойства:

background-image: url(*собственно ссылка*);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;

Везде работает, но на сафари - нет. Как это фиксить?

Comments

[Rustam Bainazarov]

А пример можно?

[hellcaster]

Скиньте саму ссылку. Возможно проблема с регистром (в названии файла с большой, а в url с маленькой написали), или в названии есть пробел. Разные ОС по разному решают такие вопросы

[Super_pechenka]

muryn.official,
сайт

Answer 1

[hellcaster]

Вы подключили WebP изображения. Safari не поддерживает это разрешение. Нужно или через jpg/png, или написать скрипт для webp.