Анимированные веб-фреймы обрезаются Safari (видно в iOS 14.x, 15.x, 16.x) ⇐ IOS

[Anonymous]

Мы были очень счастливы, когда увидели, что Safari наконец-то смог отображать столь необходимый формат изображений WebP, который экономит время загрузки. Начиная с iOS 14.7, Safari, похоже, нормально работает со статическими веб-сайтами. Но когда дело доходит до анимированных веб-страниц, похоже, у Safari возникла проблема. Потому что не все кадры в наших анимированных веб-страницах, кроме некоторых, обрезаются по горизонтали, и почти половина изображения исчезает, из-за чего приложение выглядит глючно.
В другом случае, когда каждый кадр имел прозрачные пиксели, показывалось Safari. текущий кадр без очистки предыдущих кадров. В результате получился беспорядок: каждый кадр был наслоен и виден поверх другого.
Если кто-нибудь знает, как это исправить, поделитесь.
Примечание. Наши тесты показали, что все остальные основные браузеры прекрасно работают с анимированными веб-страницами, воспроизводятся плавно и красиво без каких-либо проблем.
Примечание. С 2024 года формат WEBP очень ценен, поскольку он предлагает высокое соотношение качества и размера (намного лучше, чем у GIF), и у вас есть возможность устанавливать разную продолжительность для каждого кадра. Поскольку веб-сайты могут делать то, что не может сделать никто другой, у вас нет возможности выбрать другой формат в качестве запасного варианта (по крайней мере, с 2024 года).
ОБНОВЛЕНИЕ: проблема, похоже, сохраняется в iOS 15.x и 16.x

Подробнее здесь: https://stackoverflow.com/questions/685 ... -15-x-16-x