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

Javascript 如何将详细图像作为HTML背景加载?,javascript,html,css,image-processing,Javascript,Html,Css,Image Processing,像Bing和Google这样的人是如何在他们的网站上如此快速地加载高清背景图像的 他们使用了什么技巧使这样大的背景图像看起来很轻 我有一个糟糕的互联网连接,所以我知道什么时候加载相对较快。他们使用的图像是普通的JPG文件,没有什么特别的 感觉如此之快的原因可能是交货。大型网站使用的服务器通常离你很近。这些服务器的响应速度非常快,专门提供静态内容,充分利用可用带宽 没有把戏。Bing的背景通常是80-100kB,通过良好的图像压缩,你可以得到这样的效果。此外,当加载整个图像时,它们会产生淡入效果,

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

他们使用了什么技巧使这样大的背景图像看起来很轻


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

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


感觉如此之快的原因可能是交货。大型网站使用的服务器通常离你很近。这些服务器的响应速度非常快,专门提供静态内容,充分利用可用带宽

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