HTML預加載圖片是一個非常重要的技術，它可以在頁面加載完成之前開始加載圖片，從而提高網站的響應速度和用戶體驗。下面是一段HTML預加載圖片的代碼，可以用于預加載一個或多個圖片：

<script>
var images = new Array();
function preload() {
for (var i = 0; i < preload.arguments.length; i++) {
images[i] = new Image();
images[i].src = preload.arguments[i];
}
}
preload("image1.jpg", "image2.jpg", "image3.jpg");
</script>

上面的代碼使用了一個名為“preload”的函數來預加載圖片。在預加載圖片之前，我們需要先創建一個數組來存儲所有的圖片，然后使用一個循環來遍歷數組中的所有圖片，并創建一個Image對象來加載每個圖片。最后，我們可以調用“preload”函數來開始預加載所有的圖片。 使用HTML預加載圖片代碼，可以有效地減少頁面加載時間，提高用戶體驗。在實際應用中，我們可以在網站的首頁或者其他頁面中進行預加載，這樣可以確保所有的圖片都能在需要時被立即顯示，從而提高用戶體驗。