JPG на сайте выглядят очень неровными на iPad

Question

Наш веб-сайт нормально работает на Mac.Однако на iPad изображения ползунка домашней страницы выглядят очень сильно пикселированными.

Я посмотрел [эту статью] [2] и изменил JPG на прогрессивные, очистил кэш сервера икеш iPad Safari, но проблема остается.

Помощь оценена.

Answer 1

С этот ответ , использование background-attachment: fixed с background-size: cover вызывает проблемы в большинстве мобильных браузеров.Вы можете попробовать использовать background-attachment: scroll.Это не даст желаемого эффекта, но вы по крайней мере увидите изображения.Вы можете использовать медиа-запрос или два, чтобы ограничить его устройствами, которые являются планшетами или телефонами, используя @media screen and (max-device-width: 1024px){}

ИЛИ

. Вы можете использовать background-position: scroll и включать некоторый JavaScript, который будет сохранятьизображение в положении прокрутки (удерживая его в верхней части окна): DEMO

Answer 2

Может быть, попытаться преобразовать изображение в PNG или SVG и посмотреть, поможет ли это.Если у вас есть графический дизайнер, попросите его сделать это или используйте один из конвертеров изображений в Интернете.JPEG-файлы сжимаются каждый раз при сохранении, и это сжатие с потерями, поэтому изображение будет иметь артефакт, дающий пиксельный вид, который вы описываете.Если это решает проблему, то вы знаете, что это была проблема с самим изображением.Если он все еще отображается в пикселях, это может быть проблемой с Ipad.Затем я хотел бы посмотреть, сможете ли вы заставить разработчика настроить эмулятор для другого устройства Ipad с Genymotion или со встроенным эмулятором, который поставляется с Android Studio, и посетить ваш сайт на эмуляторе и посмотреть, сохраняется ли проблема по-прежнему.Надеюсь, это поможет!