Web 更快地加载网站图像

是否有可能改进网站背景图像以更快地加载。我的网站的背景图像大小为1258X441，内存大小为656KB。在访问我的网站时，加载完整的背景图片花费的时间太长。除了压缩（因为图像已经压缩）以提高其加载速度之外，还有其他方法吗。

加载背景图像的速度由连接的带宽（延迟忽略）和图像的大小决定。所以如果你有128kb/s的速度和4096kb大小的图像，你至少需要

4096/128 = 32s

让它加载

既然你不能改变带宽，你唯一能做的就是改变图片的大小。也就是说，如果不能进一步压缩，请降低分辨率

如果你不想失去精确性，你可以在你的网站中放置不同质量的背景层，好的背景层优于坏的背景层。然后当你的页面加载时，低质量的图像加载得很快，你会得到一些背景。随着时间的推移，质量更好的图像会被加载，背景也会得到改善。

选择：（2.是我的主要解决方案，3。）

压缩图像甚至更多，因为图像是背景，这并不重要。用户不会像关注内容那样关注背景

由于背景部分被内容覆盖，因此可以将不可见（位于内容后面）的背景部分绘制为黑色（或任何其他纯色）。这将使图像压缩得更好，节省一些空间

将图像保存在JPG progresive压缩中。这样，随着图像加载，背景显示的质量会逐渐提高

去掉背景图像。（显而易见）：）

今天的网络速度很大，不要改变任何事情

---

另外：如果您的PNG图像有任何重复部分，您可以将图像分为三个部分，并节省大量空间。

将图像加载到数据库中，并在需要时调用它们。这样做的好处是什么？一旦您启动数据库，它就会加载，并且可以在需要时检索信息。它比任何其他技术都快

压缩得更多！Jpg应该很容易把它降到最低100KB@Hannesh-我正在使用PNG:-（不要使用PNG。除非你需要透明度，这对背景来说是合理的。如果你能做到的话，请使用我的第二点。@Rok Kralj-谢谢Rok。不是真的。如果你使用多个背景，可能很多背景会同时加载，情况会恶化（更多部分加载的图像）。正确的替代方法是JPG Progrestive压缩以达到此效果。@Rok Kralj我不是这方面的专家，这只是一个想法。但是，添加一个大小为1/4的图像，意味着加载较小的图像快2倍（因为两个图像同时加载），而加载较大的图像快0.8倍（事实上，速度较慢）。我的意思是，如果你得到了正确的尺寸，你可以得到我描述的效果，即使整体加载时间增加了，效果也可能会更好。另外，JPG progressive也非常值得一提。这就像我想要模拟的，但已经存在了！问题是，如果你有4个不同的版本，所有四个版本都将开始加载一个同时（因为浏览器多线程下载），结果会更糟。但我很欣赏你的想法！：）