我有一个小问题,我有一个非常大的标题图像,需要时间来加载坏的互联网连接。我看到一些网站从“低质量” - >“正常质量(原始)”,而不是“无图像” - >“加载的图像”加载更大的图像文件..我似乎与我的标题。CSS - 图像加载
background-image:url("images/header");
有没有办法使图像从低质量加载到高质量,而不是图像在CSS中的图像?
如果我严重地表达了自己的问题,我真的很抱歉。英语不是我的母语:)
我有一个小问题,我有一个非常大的标题图像,需要时间来加载坏的互联网连接。我看到一些网站从“低质量” - >“正常质量(原始)”,而不是“无图像” - >“加载的图像”加载更大的图像文件..我似乎与我的标题。CSS - 图像加载
background-image:url("images/header");
有没有办法使图像从低质量加载到高质量,而不是图像在CSS中的图像?
如果我严重地表达了自己的问题,我真的很抱歉。英语不是我的母语:)
使用lowsrc
属性:
<img alt="Image Name" src="highquality.jpg" lowsrc="lowquality.jpg">
与CSS我需要这样做,我有背景图像..但如果我没有其他选项,我会尝试这一点。 – Kristjan 2012-07-21 15:17:12
我不认为在CSS中有这样的选项,而是用另一个包装您的标题div,并使其背景图像源的质量低,但在这里,两个图像将不必要地加载.. – 2012-07-21 15:19:34
您可以链接到标题图片?只是好奇,看看是否有其他优化,以使其规模。 – Andrew 2012-07-21 15:13:21
http://www.upload.ee/image/2532054/header.png – Kristjan 2012-07-21 15:17:19
[Progressive Image Rendering](http://www.codinghorror.com/blog/2005/12/progressive-image-rendering.html) – lanan 2012-07-21 15:20:08