iPhone (iOS) 上的响应式网站图像变得模糊

Question

我已经建立了响应式网站，它在除 iOS 之外的所有设备上都能正常工作。在 iOS 设备上，我的背景图像变得模糊。

这是我的网站的链接。http://www.idynxschool.com/vesco/

你可以在iPhone上查看它，你会发现图像模糊。这是做视网膜准备图像的东西吗？

任何解决方案将不胜感激。

谢谢

Answer 1

在 iOS 上的 Safari 中，显示大型 PNG 和 GIF 图像时存在一个已知限制。该问题是由图像中的像素总数触发的，因此即使图像很窄，如果图像足够高，您也可能会感到模糊。

\n\n

这会影响 iPad 和 iPhone 以及所有型号的设备。然而，触发该问题的确切图像大小因 iPhone 和 iPad 以及型号而异。例如，如果您\xe2\x80\x99 为 iPhone 6 Plus 创建宽度为 1080 像素的图像，则在出现模糊之前该图像的高度最高可达约 4800 像素。

\n\n

如果您使用 JPG 而不是 PNG 或 GIF，那么您可能会看到更少的模糊度，因为 JPG 图像的限制增加了。然而，对于 PNG 或 GIF 图像，目前解决此问题的唯一方法是减小图像的尺寸，直到它们\xe2\x80\x99低于导致问题的限制。

\n\n

找到答案：https://support.invisionapp.com/hc/en-us/articles/204660949-Why-are-my-images-in-iOS-blurry-

\n