如何在我的网页上加载大图像?

时间:2016-11-09 06:33:52

标签: html performance

我看到像

这样的网站
  1. http://www.kennedyandoswald.com/#!/premiere-screen

  2. http://minimums.com/

  3. http://www.world-of-swiss.com/en

  4. 以及其他许多图片上都有巨大的图像,几乎覆盖整个页面,并且加载速度非常快。但是当我尝试将大图像添加到我的页面(大约1.4mb)时,加载需要4秒钟,就互联网而言,这是一个非常长的时间。

    有什么方法可以在不使用较小的照片的情况下加快加载时间,因为这些网站不使用小照片,实际上整个屏幕都是导航栏以外的图像?

    我尝试以较低的质量保存图像(设法将其降低到大约160kb,但它看起来像是我的世界,所以这是不行的。)

    我使用goDaddy托管,这是一家相当大的公司,所以我认为他们的服务器可以处理相当数量的流量,也许我错了?

1 个答案:

答案 0 :(得分:0)

图像始终可加载。如果您的代码在PHP中,那么有一个解决方案。 当您上传图像时,将其转换为blob并存储在数据库中。 它可以更快地在您的网页中加载大图片。

你也可以使用base64 PHP函数来获取blob图像。