响应式网站图片在iPhone（iOS）上变得模糊

Question

我已经构建了响应式网站，可以在除iOS之外的所有设备上运行良好。 在iOS设备上，我的背景图像变得模糊。

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

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

任何解决方案都将非常感激。

由于

Answer 1

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

这会影响iPad和iPhone并影响所有型号的设备。但是，触发问题的确切图像大小因iPhone而异，也不同于型号之间。例如，如果您要为宽度为1080px的iPhone 6 Plus创建图像，那么在出现模糊之前，图像最高可达~4800px。

如果使用JPG而不是PNG或GIF，那么由于JPG图像的限制增加，您可能会看到较少的模糊。但是，对于PNG或GIF图像，解决此问题的唯一方法是缩小图像的尺寸，直到它们低于导致问题的限制。

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