如何更改圖片在網頁上的加載方式？（例如較低的分辨率）

如何更改圖像在網頁上的加載方式？我認爲使用JavaScript來做到這一點。我正在尋找一種方式來以較低的分辨率加載圖片，然後得到「更清晰」。如果有意義的話，可以向下加載。 Facebook用他們的「影院」圖片彈出窗口來做到這一點。如何更改圖片在網頁上的加載方式？（例如較低的分辨率）

來源

2011-11-30 John Doe

如果您希望它們的下載速度更快，您必須爲該訪問者提供較小版本的版本。您可以提供完整（巨大）版本，並使用JavaScript或其他技巧將它們顯示得更小，但速度會更慢。 – Konerak

這實際上是由於圖像被編碼的方式，即交錯的圖像會產生這種效果。

http://en.wikipedia.org/wiki/Interlacing_(bitmaps）

檢查，看看你的圖像編輯工具具有此功能，應用程序，如Photoshop肯定會，但作爲塗料作爲簡單的東西不會。

來源

2011-11-30 20:54:11 Godwin

我以爲大多數瀏覽器都會一直等到圖像完全下載才顯示任何內容。 –

@MarkRansom：可能對於小圖像，我真的不確定，但對於較大的圖像，所有主流瀏覽器都會逐漸加載。看看這個例子：http://www.davent.demon.co.uk/iterlace.html。它也應該給你一個好主意，最近使用交錯的方式是多少（即不是很多）。我每隔一段時間就會看到一次，但通常網頁設計師會採用其他技術，例如優化文件大小。 – Godwin

聽起來很像漸進式加載jpg圖像。這是創建圖像時必須調整的。我只對gimp很熟悉，在導出爲jpg時，您必須檢查複選框。退房this screenshot。

實現此目的的另一種方法是最初將網頁上的圖像指向較小的圖像，然後使用一些jQuery插件做一些事情。我現在不確定，但我認爲有一個名爲jQuery.lazyload或某事。像那樣。

希望它可以幫助你！

來源

2011-11-30 21:01:23 mfeineis

要做到這一點，你不需要JavaScript。它實際上是你保存圖像的一部分。你應該讓你的圖像具有漸進選項。它在圖像上增加了一點點權重，但它會在加載圖像時顯示部分圖像。

要做到這一點在Photoshop中：

打開你的圖片文件
選擇文件
選擇另存爲網頁...選項。
在打開的對話框中選擇JPG
在右上角有幾個選項。選中'漸進式'選項

你完成了！

現在替換您的圖片，所有瀏覽器都會在加載圖片時顯示該圖片。

來源

2015-10-08 21:21:42

如何更改圖片在網頁上的加載方式？ （例如較低的分辨率）

回答

相關問題

如何更改圖片在網頁上的加載方式？（例如較低的分辨率）