在網站的開發中，如何處理圖片的加載速度一直是一個關鍵的問題。而CSS技術就提供了一種可行的解決方案，能夠有效地提高圖片加載的速度。本文將介紹如何使用CSS技術來優化圖片加載。

img {
display: none;
}
img.loading {
display: block;
background: url(loading.gif) no-repeat center center;
}
img.loaded {
display: block;
}

首先，我們需要隱藏圖片的原始狀態，這樣可以在圖片加載時避免出現閃爍的效果。我們可以使用CSS屬性"display: none;"來實現這一點。

其次，我們需要添加一個加載中的圖標，這樣用戶就能夠知道圖片正在加載中。我們可以使用CSS的"background"屬性來加載圖片，并使用一個類名"loading"來控制它的狀態。

最后，當圖片加載完成后，我們需要將其顯示出來。我們可以再次使用CSS來控制圖片的顯示狀態，并使用另一個類名"loaded"來標記已加載完成的圖片。

通過以上的方法，我們可以使用CSS技術來優化圖片加載，讓用戶能夠更好地體驗網站的訪問速度。