如何将详细图像加载为HTML背景?

时间:2010-11-24 10:21:33

标签: javascript html css image-processing

像Bing和Google这样的人如何在他们的网站上如此快速地加载这样的高清背景图像?

他们使用什么技巧来制作如此大的背景图像,以便加载重量轻?

我有一个糟糕的互联网连接,所以我知道什么时候加载相对较快。

2 个答案:

答案 0 :(得分:2)

没有诀窍。 Bing的背景通常是80-100kB,你可以获得良好的图像压缩效果。此外,当加载整个图像时,它们会产生淡入效果,使其看起来更好。最后,他们的CDN确保它在世界各地迅速加载。

答案 1 :(得分:0)

他们使用的图像是普通的JPG文件,没什么特别的。

感觉如此之快的原因可能就是送货。大型网站使用Content Delivery Networks,其中最常使用的服务器与您的身体非常接近。这些服务器具有非常快的响应时间,专门提供静态内容,充分利用可用带宽。