2012-07-21 121 views
4

我有一个小问题,我有一个非常大的标题图像,需要时间来加载坏的互联网连接。我看到一些网站从“低质量” - >“正常质量(原始)”,而不是“无图像” - >“加载的图像”加载更大的图像文件..我似乎与我的标题。CSS - 图像加载

background-image:url("images/header"); 

有没有办法使图像从低质量加载到高质量,而不是图像在CSS中的图像?

如果我严重地表达了自己的问题,我真的很抱歉。英语不是我的母语:)

+0

您可以链接到标题图片?只是好奇,看看是否有其他优化,以使其规模。 – Andrew 2012-07-21 15:13:21

+0

http://www.upload.ee/image/2532054/header.png – Kristjan 2012-07-21 15:17:19

+3

[Progressive Image Rendering](http://www.codinghorror.com/blog/2005/12/progressive-image-rendering.html) – lanan 2012-07-21 15:20:08

回答

2

使用lowsrc属性:

<img alt="Image Name" src="highquality.jpg" lowsrc="lowquality.jpg"> 
+1

与CSS我需要这样做,我有背景图像..但如果我没有其他选项,我会尝试这一点。 – Kristjan 2012-07-21 15:17:12

+0

我不认为在CSS中有这样的选项,而是用另一个包装您的标题div,并使其背景图像源的质量低,但在这里,两个图像将不必要地加载.. – 2012-07-21 15:19:34