CSS - 圖像加載

我有一個小問題，我有一個非常大的標題圖像，需要時間來加載壞的互聯網連接。我看到一些網站從「低質量」 - >「正常質量（原始）」，而不是「無圖像」 - >「加載的圖像」加載更大的圖像文件..我似乎與我的標題。CSS - 圖像加載

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

有沒有辦法使圖像從低質量加載到高質量，而不是圖像在CSS中的圖像？

如果我嚴重地表達了自己的問題，我真的很抱歉。英語不是我的母語:)

2012-07-21 Kristjan

您可以鏈接到標題圖片？只是好奇，看看是否有其他優化，以使其規模。 – 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

使用lowsrc屬性：

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

2012-07-21 15:14:31

與CSS我需要這樣做，我有背景圖像..但如果我沒有其他選項，我會嘗試這一點。 – Kristjan 2012-07-21 15:17:12

我不認爲在CSS中有這樣的選項，而是用另一個包裝您的標題div，並使其背景圖像源的質量低，但在這裏，兩個圖像將不必要地加載.. – 2012-07-21 15:19:34

回答