css - 加载高分辨率背景图片

Question

我有一张 2000 像素 x 1500 像素的彩色背景图片，由于细节原因，我将其保存为 1.1 MB 渲染的 jpeg。我正在使用 CSS 背景属性来呈现图像。因此，作为 Web 开发人员的新手，并且与在流程的这一点上不接受设计更改的客户/设计师合作，我应该怎么做才能帮助该图像快速加载。我不知道这是否有所作为，但该网站使用的是 Joomla 1.5.9。这是我一直想了解但无法找到解决方案的问题...我希望有人能提供帮助!!

谢谢大家!

Answer 1

没有办法让图像神奇地加载得更快。但是，有时，将图像拆分为较小的图像会带来惊人的尺寸增益；因此，如果您的 CSS 布局不是没有问题(虽然通常是这样)，您可以试试这个。

您的另一种可能性是使用 progressive JPEG图片。它们的编码方式使浏览器能够在加载时显示越来越精确的图像。这意味着一开始，图像看起来模糊(或不完整)但具有全尺寸，然后它逐渐变得更清晰和更好。它非常适合加载缓慢的图像(或者至少，承认加载缓慢的图像)。