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

时间:2018-03-05 20:36:11

标签: javascript jquery html image jpeg

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

我的问题是这些图像非常大(最多20MB jpg文件),这会导致某些移动设备出现渲染问题。

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

有人对这类问题有过任何经验吗?

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

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

关心Peder。

1 个答案:

答案 0 :(得分:1)

您基本上有两个选择:

  1. 将这些大图像拆分成较小的图像并将其平铺(仍然会下载大量数据,但至少客户端可以分段处理)

  2. 降低图像分辨率。也就是说,动态地提供客户端实际可以处理的图像质量。

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