网站JPG在iPad上显得非常像素化

Question

我们的网站在Mac上看起来不错。但是，在iPad上，主页滑块图像看起来非常像素化。

我看过[本文] [2]，将JPG更改为渐进式，并清除了服务器缓存和iPad Safari缓存，但是问题仍然存在。

帮助表示赞赏。

Answer 1

在this answer中，将background-attachment: fixed与background-size: cover一起使用会导致大多数移动浏览器出现问题。您可以尝试使用background-attachment: scroll。这不会达到您想要的效果，但是您至少会看到这些图像。您可以使用@media screen and (max-device-width: 1024px){}

使用一两个媒体查询将其限制为平板电脑或手机上的设备

OR

您可以使用background-position: scroll并添加一些javascript，它将图像保持在滚动位置（将其保持在窗口顶部）：DEMO

Answer 2

也许尝试将图像转换为PNG或SVG，看看是否有帮助。如果您有图形设计师，请让他执行此操作，或使用网络上的图像转换器之一。每次保存JPEG时都会对其进行压缩，这是一种有损压缩，因此图像会出现伪影，使您能够描述出像素化的外观。如果这样可以解决问题，那么您就知道图像本身有问题。如果仍然显示像素化，则可能是Ipad出现了问题。然后，我将查看您是否可以让开发人员使用Genymotion或Android Studio随附的内置模拟器为其他Ipad设备设置模拟器，并在模拟器上访问您的网站，看看问题是否仍然存在。希望这会有所帮助！