CSS是現代網站的重要組成部分，它不僅影響了網站的外觀美觀，同時也決定了網站的響應速度與性能。其中包括了對圖片的處理顯示。

CSS能夠優雅地顯示圖片，使網站頁面更加美觀。但是如果處理不當，它會拖慢網站的加載速度。因此，在CSS樣式表中對圖片進行優化是很必要的。

img {
max-width: 100%;
height: auto;
display: block;
}

上面這段CSS代碼是比較常用的圖片優化方式。其中max-width設置為100%可以保證圖片不會超出其父容器的寬度，height設置為auto可以使圖片按照比例自動縮放，display設置為block可以將圖片處理為塊級元素。

除此以外，使用CSS sprite也是圖片優化的一種方式。這種方法將多張小圖拼接為一張大圖，減少了請求次數，達到了優化加載速度的目的。以下是一個CSS sprite的樣例：

.sprite {
background: url('/images/sprite.png');
background-position: 0 -50px;
width: 50px;
height: 50px;
}

上面這段代碼使用了一張名為sprite.png的大圖，它包含了多張小圖，這里只顯示其中的一部分。通過改變background-position，即可顯示不同位置的小圖，達到了節省資源的效果。

總的來說，通過合理地使用CSS優化圖片，可以達到提高網站性能的效果。