2011-09-02 76 views
1

是否有可能提高网站背景图片的加载速度。我的网站的背景图片大小是1258X441,内存大小是656KB。在访问我的网站时花费太长时间来加载完整的背景图片。无论如何,压缩(因为图像已被压缩),以提高其加载速度。更快加载网站图片

+0

压缩它更多! JPG应该很容易得到它下降到下100KB – Hannesh

+0

@Hannesh - 我使用PNG :-( – Mal

+0

不要使用PNG除非你需要透明度,这是背景ureasonable使用我的第二点,如果你能做到这一点 –

回答

3

选择:(2是我的主要解决方案,以及3)

  1. 压缩图像甚至更多,因为图像是背景,它不管那么多了。用户不像在内容上那样关注背景。
  2. 由于背景部分被内容覆盖,因此您可以绘制黑色(或任何其他纯色)背景中不可见的部分(位于内容后面)。这将使图像压缩得更加美观,可以打印出一些地方。在JPG progresive压缩
  3. 保存图像。随着图像加载,这将使背景显示质量逐渐提高。
  4. 摆脱背景图像。 (显而易见):)
  5. 今天的网络速度很大,不会改变任何东西。

ALSO:如果你的PNG图像有任何重复的部分,然后你可以切片图像分为三个部分,并腾出很大的空间。

+0

对于第二点:只有“内容”不是文本。 –

1

加载背景图像的速度由您的连接(等待时间忽略不计)带宽和图像的大小来确定。因此,如果您有128 KB /秒的大小和4096 KB的图像,您至少需要

4096/128 = 32s 

加载。

既然你不能改变的带宽,你能做的唯一的事情就是改变图片的大小。也就是说,如果你无法压缩更多,请降低分辨率。

如果你不想失去精度,你可以把背景的不同层在您的网站不同的气质,更好的比坏的。然后,当你的页面加载时,低质量的图像加载速度快,你会得到一些背景。随着时间的推移,更高质量的图像加载和背景改善。

+0

不正确如果你使用多个背景,他们中的很多人可能会同时开始加载,情况恶化(更多的部分加载的图像),正确的选择是** JPG渐进**压缩效果 –

+0

@Rok Kralj我不是那么专业,它只是一个想法,但是,添加一个1/4大小的图像,意味着加载更小的图像快两倍(因为两个图像加载在我的意思是,如果你的尺寸合适,你可以得到我描述的效果,即使整个加载时间可能会有更好的外观增加。 – Shahbaz

+0

另外,JPG渐进式的提及很多。这就像我想要模拟的,但已经在那里了! – Shahbaz

-2

装入图像数据库,并呼吁他们,当过你的要求。这样做的好处是?数据库一旦启动就加载,并且可以在需要时检索信息。它与任何其他技术相比是快速的