Адаптивные изображения веб-сайтов становятся размытыми на iPhone (iOS)

Я создал адаптивный веб-сайт, который отлично работает на всех устройствах, кроме iOS. На устройствах iOS мои фоновые изображения становятся размытыми.

Вот ссылка на мой сайт. http://www.idynxschool.com/vesco/

Вы можете просмотреть его на iPhone, и вы найдете размытые изображения. Это что-то делать с готовыми изображениями для сетчатки?

Любое решение будет действительно оценено.

Спасибо


person Irfan    schedule 08.08.2017    source источник
comment
для iPhone используйте изображения с двойными пикселями по сравнению с обычным...   -  person Rajeev Ranjan    schedule 08.08.2017


Ответы (1)


В Safari на iOS существует известное ограничение при отображении больших изображений PNG и GIF. Проблема вызвана общим количеством пикселей в изображении, поэтому даже если изображение узкое, вы можете столкнуться с размытостью, если изображение достаточно высокое.

Это влияет как на iPad, так и на iPhone, а также на все модели устройств. Однако точный размер изображения, вызывающий проблему, зависит от iPhone, iPad и моделей. Например, если вы создаете изображение для iPhone 6 Plus шириной 1080 пикселей, то изображение может быть до ~ 4800 пикселей в высоту, прежде чем возникнет размытость.

Если вы используете JPG вместо PNG или GIF, вы можете увидеть меньше размытия, поскольку предел для изображений JPG увеличен. Однако для изображений PNG или GIF единственный способ обойти эту проблему в настоящее время — уменьшить размеры изображения до тех пор, пока они не станут ниже предела, вызывающего проблему.

Найден ответ: https://support.invisionapp.com/hc/en-us/articles/204660949-Why-are-my-images-in-iOS-blurry-

person Aleksandar Zoric    schedule 08.08.2017
comment
Пожалуйста, киньте ссылку, где вы нашли ответ. support.invisionapp .com/hc/ru-ru/articles/ - person Shobhit Srivastava; 08.08.2017