在电话上呈现的网站上的大尺寸图像

Question

我正在开发一个Web应用程序，用于存储和显示来自给定位置的卫星图像。

我的问题是这些图像非常大（高达20MB的jpg文件），这会导致某些移动设备出现渲染问题。

在某些Android手机上，图像分辨率降级，而在某些iOS设备上，图像甚至无法加载。 iOS问题可能描述为here，但没有解决方案。

有人有这种问题的经验吗？

如果我的问题很广泛，我会道歉，但我真的只是在寻找一些指示或想法。

我用jquery / javascript开发html / css，服务器由cPanel和Linux CentOS机器托管。

关心佩德。

Answer 1

你基本上有两个选择：

1. 将这些大图像拆分成较小的图像并对其进行平铺（仍然会下载大量数据，但至少客户端可以将其分段）
2. 降低图像分辨率。也就是说，动态地提供客户端实际可以处理的图像质量。

许多地图网站将使用两者的组合。因为，他们为您所密切关注的区域下载了一些高质量的细分，而对于您没有密切关注的所有区域，它们都是低质量的。