通過隔行掃描加載圖像 - 從低到高分辨率 - HTML

我正在創建一個使用圖像作爲背景的網站。我討厭從上到下讓圖片加載，因爲它在加載頁面時看起來很糟糕。我看到一些網站加載了一個非常低分辨率的圖像，然後逐漸上升到全分辨率照片。我希望我的網站也能做到這一點，但我不知道如何實現這一點。這是否需要多個圖像文件和更多帶寬？我希望它使用相同的帶寬/採用與傳統方式相同的時間量。通過隔行掃描加載圖像 - 從低到高分辨率 - HTML

來源

2012-05-27 michaellindahl

你不通過交錯加載圖像，你只需使用隔行掃描圖像。我知道你可以隔行PNG和GIF，但我不知道JPEG。 – Musa

如何將圖像保存爲隔行圖像？在Pixelmator和預覽中，這個選項似乎不存在。（我在Mac上）。謝謝 – michaellindahl

我知道的GIMP和Photoshop，你可以在網上搜索他人 – Musa

另一種選擇是使用隔行在線圖像轉換爲所保存的文件類型。這裏是我發現的一個：http://njarb.com/2011/08/progressive-and-interlaced-images/但在Firefox中，它看起來好像不會隔行加載，而是等待其完全加載。

來源

2012-05-30 17:23:24 michaellindahl

請[編輯]你的答案，並用新的信息更新它，而不是每次都發布新的答案... –

@TJ不同意，他提供了2個截然不同的答案，併爲社區提供了投票的機會，這很方便。如果他在一個答案中提供2個解決方案，人們永遠不會知道哪個人被投票。 – zupa

我發現一個選項，添加一個低分辨率的來源。我不知道這是由當前所有的瀏覽器，或者如果它是過時的支持...

<img src="../graphics/bearico1.gif" lowsrc="URL">

來源

2012-05-27 05:54:19 michaellindahl

對於.JPG，將文件另存爲「Progressive JPEG」，就是這樣。下載時顯示漸進式.jpegs，顯示完整大小，但模糊不清，直到完全下載。

幾乎每個圖片瀏覽器都可以將jpg保存爲漸進式。我建議IrfanView因爲簡單，強大的批處理，免費軟件...

來源

2012-07-22 14:34:28 marinbgd

通過隔行掃描加載圖像 - 從低到高分辨率 - HTML

回答

相關問題