如果圖像被使用了N次，圖像是否會在HTML頁面上下載N次？

Question

我有一個形象

<img src="~/Images/User_small.png" class="img-responsive center-block" />

是在我的網頁上約25的地方被使用。

這是否意味着它必須從我的文件系統中獲取它25次，還是知道獲取它一次，然後在剩餘頁面要求時再次重用它？

如果它確實抓取更多次，我可以以某種方式保存/緩存它，以便它不必調用25次以上？

Answer 1

不，瀏覽器會緩存並重用它，不用擔心。 這也適用於在css文件中指定圖像的情況。

如果您訪問另一頁，也使用該圖片（沒有關閉瀏覽器）（在同一臺服務器上），它仍然會從緩存中獲取。 這一切都取決於url是相同的。

根據您的緩存設置，下次您訪問該頁面時可能還會記住該圖像。